相关疑难解决方法(0)
如何从Firefox中的select元素中删除箭头
我正在尝试select使用CSS3 设置元素样式.我在WebKit(Chrome/Safari)中获得了我想要的结果,但Firefox并没有很好地发挥(我甚至不打扰IE).我正在使用CSS3 appearance属性,但出于某种原因,我无法摆脱Firefox中的下拉图标.
这是我正在做的一个例子:http://jsbin.com/aniyu4/2/edit
#dropdown {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent url('example.png') no-repeat right center;
padding: 2px 30px 2px 2px;
border: none;
}
正如你所看到的,我并没有尝试任何花哨的东西.我只想删除默认样式并添加我自己的下拉箭头.就像我说的,伟大的WebKit,在Firefox中不是很好.显然,-moz-appearance: none没有摆脱下拉项目.
有任何想法吗？不,JavaScript不是一个选项
推荐指数
解决办法
查看次数
如何针对某些情况(如Internet Explorer特定的CSS或特定于Internet Explorer的JavaScript代码)仅定位Internet Explorer 10？
如何针对某些情况(如Internet Explorer特定的CSS或特定于Internet Explorer的JavaScript代码)仅定位Internet Explorer 10？
我试过这个,但它不起作用:
<!--[if IE 10]> <html class="no-js ie10" lang="en"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
Internet Explorer 10忽略条件注释并使用<html lang="en" class="no-js">而不是<html class="no-js ie10" lang="en">.
html javascript css conditional-comments internet-explorer-10
推荐指数
解决办法
查看次数
如何设置html"选择"选项的样式？
这是我的HTML:
<select id="ddlProducts" name="ddProducts">
<option>Product1 : Electronics </option>
<option>Product2 : Sports </option>
</select>
现在,我想要的是将产品的名称(即'Product1','Product2'等)加粗,并使用css将其类别(即电子,运动等)斜体化.我发现了一个关于一岁的类似问题,但正如那里提到的那样,使用HTML和CSS是不可能的.希望现在有一个解决方案.任何提示,怪癖或技巧将不胜感激.谢谢.
推荐指数
解决办法
查看次数
是否可以设置选择框的样式？
我有一个HTML选择框,我需要设置样式.我更喜欢使用CSS,但如果必须,我将使用jQuery填补空白.
有人可以推荐一个好的教程或插件吗？
我知道,谷歌,但我一直在寻找最后两个小时,我找不到满足我需求的东西.
它需要是:
- 与jQuery 1.3.2兼容
- 无障碍
- 不显眼的
- 完全可定制选择框的每个方面的样式
有谁知道任何能满足我需求的东西？
推荐指数
解决办法
查看次数
从bootstrap 3中的Select标记中删除边界半径
这似乎是一个微不足道的问题,但我无法弄清楚.
在Bootstraps自己的网站上,他们有Select示例.
查看代码,看起来该select元素的边界半径为4.
我希望将border-radius更改为0然后从select元素中删除border-radius,但是,情况并非如此 - 如下图所示.
我已经探索了所有改变选择元素的CSS,但似乎都没有删除边界半径.
推荐指数
解决办法
查看次数
选择箭头样式更改
我正试图用我自己的图片替换选择的箭头.我将选择包含在具有相同大小的div中,我将选择的背景设置为透明,并且我在div的右上角包含一张图片(与箭头大小相同)作为背景.
它只适用于Chrome.
我怎样才能使它在Firefox和IE9中工作,我得到了这个:
.styled-select {
width: 100px;
height: 17px;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: url(images/downarrow_blue.png) no-repeat right white;
border: 2px double red;
display: inline-block;
position: relative;
}
.styled-select select {
background: transparent;
-webkit-appearance: none;
width: 100px;
font-size: 11px;
border: 0;
height: 17px;
position: absolute;
left: 0;
top: 0;
}
body {
background-color: #333333;
color: #FFFFFF;
}
.block label {
color: white;
}<HTML>
<HEAD>
</HEAD>
<BODY>
<p/>
<form action="/prepareUpdateCategoryList.do?forwardto=search">
<fieldset class="block" id="searchBlock">
<p>
<label style="width:80px">Class</label>
<div class="styled-select">
<select property="voucherCategoryClass">
<option …推荐指数
解决办法
查看次数
如何使用CSS设置<option>的样式？
注意:此问题与制作自定义下拉列表无关.它只是关于<option>CSS中select元素中样式元素的可能性
如何使用跨浏览器兼容性<option>来设置<select>元素的样式？我知道很多JavaScript方法可以自定义下拉列表以进行转换<li>,我不会问.
<select class="select">
<option selected>Select</option>
<option>Blue</option>
<option >Red</option>
<option>Green</option>
<option>Yellow</option>
<option>Brown</option>
</select>
我问的是,只有CSS可以实现什么,兼容IE9 +,Firefox和Chrome.
我希望这样或尽可能接近样式.
我在这里试过http://jsfiddle.net/jitendravyas/juwz3/3/,但除了字体颜色外,Chrome没有显示任何样式,而Firefox则显示更多.如何在Chrome中获得边框和填充功能？
推荐指数
解决办法
查看次数
如何在Mac上的Safari中删除选择元素上的光泽？
在Mac和iOS设备上,在Safari中,<select>具有背景颜色的元素会在其自身上产生光泽.在其他操作系统中似乎不会发生这种情况.
例如,我有一个具有这些样式属性的select元素:
select {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 6px;
margin: 10px 0 7px;
width: 250px;
background-color: #BD2786;
color: white;
letter-spacing: -.04em;
font-weight: bold;
border: 0;
}
我的元素有我想要的背景颜色,但光泽仍然存在.有谁知道如何使它变成扁平的颜色？
推荐指数
解决办法
查看次数
我可以在select元素的选项中使用HTML标记吗？
HTML select元素的选项是否可以包含HTML标记？
例如,给出以下代码:
<select>
<option value="one"><b>one is bold</b></option>
<option value="two">two has some <span style='color:red;'>red</span> text</option>
<option value="three">three is just normal</option>
</select>
我想要用HTML实际渲染的选项.在这个应用程序中,我可以使用HTML,CSS,JavaScript(包括jQuery).HTML本身是通过Django(django.form.fields.select)呈现的.
推荐指数
解决办法
查看次数
CSS根据HTML选择选项值选择另一个元素
是否有CSS选择器允许我根据HTML选择选项值选择元素？
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<p>Display only if an option with value 1 is selected</p>
我正在寻找一种HTML/CSS方法,只显示选定数量的表单字段.我已经知道如何用Javascript做到这一点.
有没有办法做到这一点？
编辑:
问题标题可能会产生误导.我不是要尝试选择框的样式,这已经非常普遍并且已经有很多答案了.我实际上是在尝试<P>根据选中的值设置元素的样式<select>.
我真正想做的是根据选定的数值显示多个表单域:
<select name="number-of-stuffs">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div class="stuff-1">
<input type="text" name="stuff-1-detail">
<input type="text" name="stuff-1-detail2">
</div>
<div class="stuff-2" style="display:none">
<input type="text" name="stuff-2-detail">
<input type="text" name="stuff-2-detail2">
</div>
<div class="stuff-3" style="display:none">
<input type="text" name="stuff-3-detail">
<input type="text" name="stuff-4-detail2">
</div>
我想显示div.stuff-1和div.stuff-2当数的食料= 2且display div.stuff-1 div.stuff-2以及div.stuff-3当东西= 2的数.
像这样的 …
推荐指数
解决办法
查看次数
标签 统计
css ×10
html ×5
css3 ×2
html-select ×2
javascript ×2
jquery ×2
firefox ×1
macos ×1
safari ×1
select ×1