![見出し画像](https://assets.st-note.com/production/uploads/images/80792191/rectangle_large_type_2_775d58a87e47b989729bf21c38199d53.png?width=1200)
[css]タグにcssを適用させたい
![](https://assets.st-note.com/img/1655358120118-BbZJgUKJGN.png)
こういうinput フィールドとかinputボタンは非常にださいので、
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cssにこれをぶっこんじゃって一旦既存のデザインをリセットします。
その後、自分でカスタマイズしたcssを設定してあげて、反映させてみます。
![](https://assets.st-note.com/img/1655358268877-nMtLm44CPZ.png)
いい感じになりました。