htmlcss日常問題

3827 ワード

Autocomplete="off"--入力ボックス自動プロンプト削除
  • autocompleteプロパティは、text、search、url、telephone、email、password、datepickers、range、およびcolorのタイプに適用されます.
  • html 5新属性
  • Inputボタンスタイルのカスタマイズ
  • rem.jsファイルを使用してアダプティブ(モバイル)
  • を調整する.
     1 /*    */
     2 /*    */
     3 input[type="checkbox"] {
     4     appearance: none;
     5     -webkit-appearance: none;
     6     outline: none;
     7     display: none
     8 }
     9 
    10 label > span {
    11     /*width: 100%;*/
    12     width: 4rem;
    13     min-width: 253px;
    14     line-height: 1.5em;
    15     padding: 0.23rem 0.2rem;
    16     background-color: #fff;
    17     border: 2px solid #ffbeac;
    18     border-radius: 0.10rem;
    19     display: inline-block;
    20     box-sizing: border-box;
    21     text-align: center;
    22 }
    23 
    24 label input[type="checkbox"]:checked + span {
    25     /*width: 100%;*/
    26     width: 4rem;
    27     min-width: 253px;
    28     background-color: #ffbeac;
    29 }