样式选项标签 HTML
[英]Style option tag HTML
问题描述
我想设计我的选项标签。 我想设置它的高度和填充，但它不起作用。 我试图改变选项的背景，这很有效，但高度和填充却没有。 这是我的 HTML 代码：
<select id="from_currency" >
<option value="AED">AED</option>
<option value="ARS">ARS</option>
<option value="AUD">AUD</option>
<option value="BGN">BGN</option>
<option value="BRL">BRL</option>
</select>
和 CSS：
option{
padding:20px;
height:40px;
}
但是这些 styles 不起作用。
3 个解决方案
解决方案1
0
尝试将 class 添加到您的选项中，如下所示：
<select id="from_currency" >
<option class="option" value="AED">AED</option>
<option class="option" value="ARS">ARS</option>
<option class="option" value="AUD">AUD</option>
<option class="option" value="BGN">BGN</option>
<option class="option" value="BRL">BRL</option>
</select>
然后在 css 文件中这样做
.option{
padding:20px;
height:40px;
}
如果这不起作用请确保您已将 CSS 文件正确链接到 HTML 文件，如下所示。 而且您不需要添加课程
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
希望这有帮助:)
解决方案2
0 已采纳 2020-08-29 13:19:07
<option>的样式功能有限，因为此元素是操作系统元素。 为了更好地设置<option>样式，请使用插件。 例如这个插件（jquery 是必需的）。 但是您可以通过这种方式设置所选元素的样式 - option[selected] 。 我提供了一些示例来说明如何设置<option>的样式。 也许这些并不是所有可能的选择。
#from_currency{ background-color: blue; color: green; } #from_currency2{ font-size: 120%; width: 100%; } #from_currency3 option[selected]{ background-color: green; } <select id="from_currency" > <option value="AED">AED</option> <option value="ARS">ARS</option> <option value="AUD">AUD</option> <option value="BGN">BGN</option> <option value="BRL">BRL</option> </select> <select id="from_currency2" > <option value="AED">AED</option> <option value="ARS">ARS</option> <option value="AUD">AUD</option> <option value="BGN">BGN</option> <option value="BRL">BRL</option> </select> <select id="from_currency3" > <option value="AED">AED</option> <option value="ARS">ARS</option> <option value="AUD" selected>AUD</option> <option value="BGN">BGN</option> <option value="BRL">BRL</option> </select>
解决方案3
0 2020-12-15 06:30:25
您不能使用 CSS 设置 or 标签的样式。您可以使用 CSS 进行的唯一更改是使用 Colors。
你有两个选择：
1 - 您必须使用或类似的标签构建自己的自定义下拉列表。
2 - 使用允许您轻松创建自定义下拉菜单并为您提供额外事件的库。
一个好的图书馆是这样的： Select2
还有多个其他选项可用。 根据您使用的技术/框架，您必须选择 select 中最好的一个。
用Html字符串<style> tag and style in android textview
[英]Html string with <style> tag and style in android textview
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.