html select 改变选项字体颜色 <option value='' style=" 10

htmlselect改变选项字体颜色<optionvalue=''style="color:#03b2eb">2222</option>在pc端有效,但在移动端手机浏览器... html select 改变选项字体颜色
<option value='' style="color:#03b2eb">2222</option>
在pc端有效,但在移动端手机浏览器上无效怎么办
展开
 我来答
heart星星知道
2018-03-31 · TA获得超过2580个赞
知道小有建树答主
回答量:16
采纳率:42%
帮助的人:4961
展开全部

html  select  改变选项字体颜色
<option  value=''  style="color:#03b2eb">2222</option>,

可以直接在给每个option上加上class,然后class定义属性color属性。或者是直接写在每个option上style="color:black"

例如:加class
<style>
.volvo{color: blue;}
.saab{color: red;}
</style>
<select>
<option class="volvo">Volvo</option>
<option class="saab" >Saab</option>
<option class="volvo">Opel</option>
<option class="saab" >Audi</option>
</select>
加style:

<select>
<option style="color:red">Volvo</option>
<option style="color:blue" >Saab</option>
<option  style="color:blue;font-size:18px">Opel</option>
<option style="color:green">Audi</option>
</select>
还有一种方法就是使用javascript或者jquery动态修改。
例如jquery可以利用选择器。addClass("volvo").

夜独行孤单
2016-04-20 · TA获得超过3460个赞
知道大有可为答主
回答量:2803
采纳率:82%
帮助的人:633万
展开全部
可以直接在给每个option上加上class,然后class定义属性color属性。或者是直接写在每个option上style="color:black"也可以
例如:加class
<style>
.volvo{color: blue;}
.saab{color: red;}
</style>
<select>
<option class="volvo">Volvo</option>
<option class="saab" >Saab</option>
<option class="volvo">Opel</option>
<option class="saab" >Audi</option>
</select>
加style:

<select>
<option style="color:red">Volvo</option>
<option style="color:blue" >Saab</option>
<option style="color:blue;font-size:18px">Opel</option>
<option style="color:green">Audi</option>
</select>
还有一种方法就是使用javascript或者jquery动态修改。
例如jquery可以利用选择器。addClass("volvo").
追问
我就是用的加style的方法,但移动端不起作用哦,pc是可以
移动端就是不能控制option的样式了吗
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
独宇味G
2016-04-20 · 超过46用户采纳过TA的回答
知道小有建树答主
回答量:113
采纳率:0%
帮助的人:59.8万
展开全部
应该是手机浏览器版本的原因,你在手机上下载一个谷歌浏览器试试。。。
追问
不行呀,不是所有的人都用谷歌呀,一般手机都用qq浏览器或uc吧
追答
那这就不好搞了,你写代码的时候得考虑兼容性问题,去网上找找前台样式怎么兼容到手机qq浏览器,或者你写前台ui的时候用一些支持手机端ui设计的框架,这样比较方便点
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式