如何更改选择选项的字体大小？
我正在尝试设置选择选项下拉列表的样式。是否可以使选项的字体大小与默认值不同？例如，默认值：
-- Select Country --
尺寸为7pt；和其中一种选择，
Georgia
尺寸为13pt。
这是我的下拉列表：
.select_join {
width: 170px;
height: 28px;
overflow: hidden;
background: url('http://s24.postimg.org/lyhytocf5/dropdown.png') no-repeat right #FEFEFE;
border: #FEFEFE 1px solid;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
box-shadow: inset 0px 0px 10px 1px #FEFEFE;
}
.select_join select {
background: transparent;
width: 170px;
font-size:7pt;
color:grey;
border: 0;
border-radius: 0;
height: 28px;
-webkit-appearance: none;
}
.select_join select:focus {
outline: none;
}
<div style="background-color:pink;height:150px; text-align:center;">
<br/>
<div class="select_join" style="margin-left:15px">
<select name="txtCountry">
<option>-- Select Country --</option>
<option value="1">Georgia</option>
<option value="2">Afghanistan</option>
</select>
</div>
</div>
不幸的是，它仅适用于Firefox。可能其他浏览器不支持<option>元素样式吗？
我测试过的浏览器：
- Chrome：版本27.0.1453.116 m
- IE：10
- 的Firefox：22.0
问题答案：
将CSS类添加到<option>标签中以对其进行样式设置：
当前，WebKit浏览器不支持此行为，因为规范未对其定义。
-
问题内容： 我已经建立了这个小提琴作为我在做什么的一个例子。 我正在尝试做的事情在Firefox中可以正常工作。打开选择选项时，字体大小为 14px 。 但是，在Google Chrome浏览器中查看它会选择继承的font-size为 34px 。 理想情况下，我希望将选择选项设置为字体大小 14px 。 这可能吗？ 如果需要，我愿意在jQuery中进行任何相关的修复。 谢谢 代码如下… 我的 C
-
我正在尝试在选择选项中更改选择的颜色。我试图这样做： 但它不起作用。这只适用于简单文本，不适用于选项。有什么方法可以改变选择的颜色吗？我不需要更改所选选项的背景。我需要改变选择的颜色。
-
问题内容： 我正在尝试将第一个选项的颜色更改为灰色，即只有文本（选择一个选项），但是在这里无法正常工作： 问题答案： Suresh，您不需要在代码中使用任何内容。您需要的是这样的东西： 但是正如您所看到的，因为选项中的第一项是选择控件显示的第一件事，所以您看不到其分配的颜色。如果您打开选择列表并看到已打开的项目，则会看到可以为第一个选项分配灰色。因此，您需要jQuery中的其他功能。
-
我在选择元素的更改事件上绑定了一个事件： 当变更事件发生时，我如何访问被选中的元素？
-
我在django上为博客文章创建了一个模型。每个帖子有两个状态选择：发布或草稿。如何在帖子保存后将发布更改为已发布？ 这是我的代码： 来自django。数据库导入模型 从django.contrib.auth.models导入用户 在这里创建您的模型。 状态=（（0，“草稿”）， （1，“发布”），） 班级职务（models.Model）： 从django.contrib导入管理员从。 类Post
-
问题内容： 我有一个框，当单击框并显示所有选项时，我正在尝试更改选项的背景色。 HTML： CSS： 问题答案： 你需要把对标签，而不是标签… 如果要为每个标签设置样式，请使用css 选择器：