2018-06-04 CSS

2018-06-04  本文已影响0人  土豆丝炒洋芋丝
//图片自适应
<img src="/Public/authee/12345.png" class="img" />
.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
上一篇 下一篇

猜你喜欢

热点阅读