当前位置: 首页 > 知识库问答 >
问题:

向选择选项添加样式

皇甫智明
2023-03-14

我一直在尝试更改选择选项的样式。例如添加颜色和背景似乎可以使用下面的代码。但它不起作用,例如边距:20px,边框或任何东西。一直在尝试不同的东西和JS和JQueary,但我不能让它工作,所有的提示都是欢迎的!:)

null

.unifaun-checkout-option-agents option {
    background: #f1f1f1;
    color: #000000;
}
<div class="unifaun-checkout-option-agents-wrapper">
  <select class="unifaun-checkout-option-agents">
    <option value="SE-837500">ICA NÄRA VALLBY,VALLBY CENTRUM,VÄSTERÅS</option>
    <option value="SE-748700">ICA NÄRA PETTERSBERG,JAKOBSGATAN 45,VÄSTERÅS</option>
    <option value="SE-650600">AMS SUPERMARKET,SLÄGGKASTARGATAN 1,VÄSTERÅS</option>
    <option value="SE-605600">TUNBYKIOSKEN,TUNBYTORPSGATAN 2A,VÄSTERÅS</option>
    <option value="SE-803900">MATÖPPET AROSLUNDS LIVS,AROSVÄGEN 32,VÄSTERÅS</option>
    <option value="SE-635900">CITYGROSS VÄSTERÅS,KRANKROKSGATAN 21,VÄSTERÅS</option>
    <option value="SE-966900">GRYTA KIOSKEN VÄSTERÅS,HERMELINVÄGEN 2,VÄSTERÅS</option>
    <option value="SE-701600">RÅBY TOBAK &amp; SPEL,RÅBY CENTRUM,VÄSTERÅS</option>
    <option value="SE-706800">TEMPO SKALLBERGET,EMAUSGATAN 35,VÄSTERÅS</option>
    <option value="SE-629900">DIREKTEN SKULTUNA,VÄSTERÅSVÄGEN 26,SKULTUNA</option>
  </select>
</div>

null

共有1个答案

茅高卓
2023-03-14

试试这里的链接。如果样式对类不起作用,请尝试使用“id”进行更改。

 类似资料:
  • 本文向大家介绍CSS样式选择选项,包括了CSS样式选择选项的使用技巧和注意事项,需要的朋友参考一下 要为<select>中的选项设置样式,您可以尝试运行以下代码, 示例

  • 问题内容: 我想使用css在html中的选择选项之间添加某种空间(填充,边距或其他)。我已经尝试使用类似的东西: 但是没有用。我已经读过,这是可以做到的,但在IE中不起作用。无论如何,即使它无法在IE中运行,我也希望它可以在其他浏览器中运行。 PS:当前正在使用Chrome 问题答案: 选择选项的样式非常有限,因为要在操作系统中的所有应用程序之间保持一致性和一致性,因此浏览器应限制某些基本元素的样

  • 问题内容: 我希望此javascript在id =“ mainSelect”的选择中创建12到100个选项,因为我不想手动创建所有选项标签。你能给我一些指导吗?谢谢 问题答案: 您可以通过一个简单的循环来实现: JS Perf比较了我和imeVidas的答案,是因为我认为他的表情比我的看起来更容易理解/直观,而且我想知道这将如何转化为实现。根据Chromium14/Ubuntu11.04的说法,其

  • 下列选项是根据在第一步选择的文件格式而有所不同。 包含列的标题 如果勾选了这个选项,字段名将会包含在导出的文件。 如果零,留空白 如果字段内容是 0,留空白。 追加 将记录追加至现有的文件。 遇到错误时继续 在导出进程中忽略遇到的错误。 在 XML 中使用属性格式 属性格式 <RECORDS> <RECORD OrderNo="1003" ItemNo="1" PartNo="1313" Qty=

  • 下列选项是根据在第一步选择的文件格式而有所不同。 包含列的标题 如果勾选了这个选项,字段名将会包含在导出的文件。 如果零,留空白 如果字段内容是 0,留空白。 追加到输出文件 将记录追加至现有的文件。 遇到错误时继续 在导出进程中忽略遇到的错误。 记录分隔符、字段分隔符、文本标识符号 指定记录的分隔符号、字段的分隔符号和用于括住文本值的字符。 日期排序、日期分隔符 指定日期的格式和日期的分隔符。

  • 下列选项是根据在第一步选择的文件格式而有所不同。 包含列的标题 如果勾选了这个选项,字段名将会包含在导出的文件。 如果零,留空白 如果字段内容是 0,留空白。 追加 将记录追加至现有的文件。 遇到错误时继续 在导出进程中忽略遇到的错误。 在 XML 中使用属性格式 属性格式 <RECORDS> <RECORD OrderNo="1003" ItemNo="1" PartNo="1313" Qty=