select、input等默认样式的改变,包含下拉三角详解编程语言

select、input等默认样式的改变,包含下拉三角

select{

    /*去除外边框*/

    border: none;

    /*适应safari浏览器内容不跑偏*/

    line-height: 1;

    width: 100%;

    /*将默认的select选择框样式清除*/  

      appearance:none;  

    -moz-appearance:none;  

    -webkit-appearance:none;  

    /*在选择框的最右侧中间显示小箭头图片*/  

    background: url(“../../img/my/btn_pulldown.png”) no-repeat scroll right center transparent;

    background-size: 0.9rem 0.9rem;

    /*为下拉小箭头留出一点位置,避免被文字覆盖*/  

    padding-right: 14px;

    font-size: 1.4rem;

    color: #666666;

    /*去除选中时样式*/

    outline: none;

    /*去除点击一闪而过的灰色背景*/

    -webkit-tap-highlight-color:rgba(0,0,0,0);

}

input同select

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/13928.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论