9.28工作中的一些常见小坑---样式类

Posted Vonson

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了9.28工作中的一些常见小坑---样式类相关的知识,希望对你有一定的参考价值。

一、自定义select样式:

  1. select {  
  2.   /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/  
  3.   border: solid 1px #000;  
  4.   
  5.   /*很关键:将默认的select选择框样式清除*/  
  6.   appearance:none;  
  7.   -moz-appearance:none;  
  8.   -webkit-appearance:none;  
  9.   
  10.   /*在选择框的最右侧中间显示小箭头图片*/  
  11.   background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;  
  12.   
  13.   
  14.   /*为下拉小箭头留出一点位置,避免被文字覆盖*/  
  15.   padding-right: 14px;  
  16. }  
  17.   
  18.   
  19. /*清除ie的默认选择框样式清除,隐藏下拉箭头*/  
  20. select::-ms-expand { display: none; }  

以上是关于9.28工作中的一些常见小坑---样式类的主要内容,如果未能解决你的问题,请参考以下文章

iOS总结:项目中的各种小坑汇总

mybatis使用常见小坑总结

小坑java下载excel文件

XSS利用中的一些小坑

词云wordcloud类介绍&python制作词云图&词云图乱码问题等小坑

做ie8css样式时浏览器默认杂项模式遇到的一个小坑