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 选择框按钮样式