HTML里select的CSS样式的改变

如梦似幻金牛

如梦似幻金牛

2016-02-19 11:43

下面图老师小编要跟大家分享HTML里select的CSS样式的改变,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!
本以为可以很简单的在CSS里像input那样的给解决,结果没想到试了一下才知道常规的CSS根本没法改变的select样式,CSS里怎么弄,select都仍然是默认的那三维的样式。于是在网上搜索了一下,才知道,原来这个select是不能用常规的方法来定义CSS样式的。要用特殊的方法来处理。相信有很多朋友在处理网页的时候都会遇到这个问题,于是找了一篇不错的文章转过来,希望对大家有帮助————

首先要告诉大家,如果你是用css的方法,除了箭头部分,其他都可以改变,这是很令人别扭的事,因为其他的样式改了,箭头部分改不了等于无用。
下面举个css改select的例子


如果你想彻底的改变select的样子,有一种方法是用htc,但它有个缺点就是除了ie内核的,其他的他不支持。
举个例子,下载地址如下: 下载此文件
第二种方法就是用js,这其实是模拟select的效果,代码如下:




展开更多 50%)
分享

猜你喜欢

HTML里select的CSS样式的改变

Web开发
HTML里select的CSS样式的改变

巧用CSS改变鼠标的样式

Web开发
巧用CSS改变鼠标的样式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery 改变CSS样式基础代码

Web开发
jQuery 改变CSS样式基础代码

CSS样式表与HTML网页的关系

Web开发
CSS样式表与HTML网页的关系

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML网页中无刷新的更换CSS样式

Web开发
HTML网页中无刷新的更换CSS样式

巧妙运用CSS样式表立刻改变鼠标的样式

Web开发
巧妙运用CSS样式表立刻改变鼠标的样式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

log4j详细的常用配置说明介绍

log4j详细的常用配置说明介绍

dsmain.exe进程是什么

dsmain.exe进程是什么
下拉加载更多内容 ↓