css 仅带CSS的样式选择框示例。这里的实例:http://www.mychildrensboutique.co.uk/

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 仅带CSS的样式选择框示例。这里的实例:http://www.mychildrensboutique.co.uk/相关的知识,希望对你有一定的参考价值。

select{
    /* remove arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* bootstrapify corners */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    /* girlify it */
    border: 1px solid #ffd2eb;
    background: url(my-arrow.png) no-repeat center right;
    min-width: 135px;
    line-height: 28px;
    padding: 0 4px;
}

/* Kill IE arrow */
select::-ms-expand {
    display: none;
}

以上是关于css 仅带CSS的样式选择框示例。这里的实例:http://www.mychildrensboutique.co.uk/的主要内容,如果未能解决你的问题,请参考以下文章

css实现的文本框focus获取焦点设置样式代码实例

web前端,输入选择框选中状态下的css样式如何改

Firefox CSS 选择 OPTION 样式

css html 如何让div里边的图片和文字同时上下居中?

css基础 CSS 媒体类型CSS 属性 选择器CSS 表单CSS 计数器

css 选择框按钮样式