質問: ### 実現させたい事 onsen uiにあるデフォルトのons-checkboxの丸から四角のcheckboxにしたい ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/90662fd8d3b0f3fbd0f06105c1432029.png) ### 該当のソースコード ``` ON ``` cssでいろいろと記述すると思いonsenuiのonsen-css-components.cssをいろいろといじってみたのですが、css初心者ですので理解ができず上手くいきませんでした。 チェックしている時もそうなんですが、この丸い枠線はどのクラスで適用させているのかがさっぱり分かりませんでした。 ご回答よろしくお願いします!
回答: 下記のCSSを追加してみてください。 ``` .checkbox__checkmark:before { border-radius: 0; } ``` どのクラスに適用されているかを確認するには、デベロッパーツールを使うと簡単です。 Chromeなら、下記を参考に。 Google Chromeデベロッパーツールとは?使い方や簡易的な解析テクニックについてご紹介します! | SEO研究所サクラサクラボ CSSを記述する場所ですが、他の方からも指摘がありますが、onsen-css-components.css に追加するはNGです。バージョンアップした場合、上書きされて消えてしまいますので。 独自のスタイルシートファイルに記述して、それを onsen-css-components.css の後で読み込むようにします。あるいは、HTMLに直接記述してもいいでしょう。