2018-06-04 CSS

//图片自适应

.img { height: auto; width: auto\9; width:100%; }
//  width:auto;是宽度自动的意思。
//  \9是hack css 的一种写法,这种在正常css代码后面加"\9"的方式,只有IE浏览器才能识别,其他浏览器会忽略这条语句。这样就能做到差异化浏览器,来达到兼容浏览器的目的。

//文本 下拉框 
select{
     /*很关键:将默认的select选择框样式清除*/
     appearance:none;
     -moz-appearance:none;
     -webkit-appearance:none;
     padding-right: 14px;
     background: white ;    //背景设为白色
     /*很关键:将默认的select选择框样式清除*/

     border: #E8E8E8 1px solid;
     border-radius: 5px 5px 5px 5px;    // 圆角框    border-radius
     font-size: 12px;
     color: #000000;
     width:100px; height:30px;
     
}




image.png

你可能感兴趣的:(2018-06-04 CSS)