如何控制Webkit中Option元素的高度？
这似乎很简单，但我什至找不到任何东西告诉我这是 不可能的 ，更不用说怎么做了。
我有一个使用expanded / multiple selects
的页面，但似乎无法控制选项的高度。他们看起来很贴心。在Firefox中，CSS值option中height和line- height似乎都收到预期的效果一样，padding但无法在Chrome 8或Safari
5，我失去的东西吗？这是我的代码示例。万一我遗漏了一些最重要的价值，我就放进任何可能影响该选择的东西。
body, input, select, checkbox {
font-family:'Avenir Lt Std',AppleGothic,'century gothic',Verdana,sans-serif;
font-size: 15px;
font-weight:200;
line-height: 18px;
}
input, select {
color:#4c2a18;
border: 1px solid #cfc8b4;
background-color:#ffffff;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
margin:0;
}
option {
height: 35px;
padding:5px;
line-height: 35px;
}
<select size="5">
<option value="">This is option 1</option>
<option value="">Option 2</option>
<option value="">Just trying to show how the line height thing works.</option>
</select>
您可以在此处查看它的运行情况。
问题答案：
根据电动工具箱，这在Chrome中是不可能的：
在optgroup或选项上设置填充在Chrome中无效，
因此您无法控制缩进量。您可以在Chrome中设置整个选区的填充（就像IE8一样），但看起来确实很奇怪。与IE8不同，您可以单击选择区域中的任何位置以将其打开，即使它具有填充也是如此。
-
<option>元素表示下拉框（<select>，<optgroup>或<datalist>）里面的一个选项。它是 HTMLOptionElement 接口的实例。 属性 除了继承 HTMLElement 接口的属性和方法，HTMLOptionElement 接口具有下面的属性。 disabled：布尔值，表示该项是否可选择。 defaultSelected：布尔值，表示该项是否默认选中。一旦设为
-
问题内容： 我正在通过XML数据生成pdf文件。 我将段落元素的高度计算为： 但是这种方法不能正常工作。 你能给我个主意吗？ 问题答案： 您的问题很奇怪。根据您的问题的标题，您想知道字符串的高度，但是您的代码显示您要求的是字符串的宽度。 请看一下FoobarFilmFestival示例。 如果是实例，则可以使用： 当我们使用12号字体时，这将返回基线以上的高度和基线以下的高度。您可能知道，字体大小
-
背景：我正在尝试修复Chrome中音频元素外观上的两个烦恼，在尝试这样做时，我遇到了两个问题，我想更好地理解。这是关于MacOS上的Chrome 89。我很好地管理了音频元素内部的样式，使用伪选择器。当使用dom检查器查看影子dom内部时，找出伪选择器的名称会很好地工作。例如，以下两个规则完全按照预期工作： 问题：然而，有两件事并不像预期的那样起作用，我想知道为什么。 问题1：样式化剩余显示div
-
在此代码中，节的高度为0。但img的高度为600px。我如何将img的高度赋予它的父元素，也就是section？ 正如您在图片部分中看到的，class=“banner container”没有高度。
-
问题内容： 如何获得元素的渲染高度？ 假设您的元素内部包含一些内容。内部的内容将扩大的高度。当您没有明确设置高度时，如何获得“渲染的”高度。显然，我尝试过： 有这样做的技巧吗？如果有帮助，我正在使用jQuery。 问题答案： 应该是 jQuery。这将以数字形式检索包装集中的第一个项目的高度。 尝试使用 仅当您首先将属性设置为有效。不是很有用！
-
请帮助我用开发人员工具检查伪元素webkit-calendar-picker-indicator。 我如何使用开发人员工具检查这一个？我可以看到输入的样式，但不能看到日历选择器指示器的样式。是否可以查看和编辑此伪元素的样式？