[CSS]readonlyのフォームのデザインを変更する方法1 CSS X Facebook はてブ Pocket LINE コピー 2019.06.102022.04.19 スポンサーリンク 目次 CSS線や背景色の変更と余白の調整HTMLデモ CSS 線や背景色の変更と余白の調整 Default input[readonly] { border: none; background: none; outline: 0; /*左右に余白がある場合は解除*/ padding-left: 0; padding-right: 0; } 12345678 input[readonly] { border: none; background: none; outline: 0; /*左右に余白がある場合は解除*/ padding-left: 0; padding-right: 0;} HTML Default <input type="text" value="123456789" readonly> 1 <input type="text" value="123456789" readonly> デモ
コメント