selectのデフォルトスタイルを変更する方法
819 ワード
最近忙しくてプロジェクトのオンライン上でずっとブログを更新する时間がなくて、今暇になったら书いて、今回私は主にselectのデフォルトのスタイルの问题を言って、selectはホームページの中で频繁に使って、多くの地方はすべてそのスタイルの美観を要求して、それではどのようにそのデフォルトのスタイルを変えますcssコード:
上のコードはまず自分のスタイルを隠して、それからあなたの必要なスタイルを追加して、下の&:activeはクリックする時の枠の色で、具体的な情況によって保留するかどうかを選択します.中の属性も必要かどうかによって選択的に保持されます
// select
select{
/* select */
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
/* */
background:url("../images/img.png") no-repeat right center #fff;
background-size: 8px 11px;
height: 23px;
display: inline-block;
margin: auto 0;
border: 0;
font-size:16px;
color:rgba(102,102,102,1);
outline: none;
/* input */
&:active{
border:1px solid #F1F1F1;
}
}
上のコードはまず自分のスタイルを隠して、それからあなたの必要なスタイルを追加して、下の&:activeはクリックする時の枠の色で、具体的な情況によって保留するかどうかを選択します.中の属性も必要かどうかによって選択的に保持されます