Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
减小HTML中下拉列表的字体大小_Html_Css - Fatal编程技术网

减小HTML中下拉列表的字体大小

减小HTML中下拉列表的字体大小,html,css,Html,Css,我在我的HTML页面中有下拉列表,宽度超过250px 我需要更改下拉式字体大小,以便缩小宽度 我尝试使用字体标记,如下所示: <font size='6'> <select> <option></option> . . . </select> </font> 上面的代码不起作用 当我试图通过将值硬编码为width='50'来减小宽度时,它隐藏了所有下拉列表的全文,这使得选择特

我在我的HTML页面中有下拉列表,宽度超过250px

我需要更改下拉式字体大小,以便缩小宽度

我尝试使用字体标记,如下所示:

<font size='6'>
    <select>
    <option></option>
    .
    .
    .
    </select>
</font>
上面的代码不起作用

当我试图通过将值硬编码为width='50'来减小宽度时,它隐藏了所有下拉列表的全文,这使得选择特定选项变得很困难

建议一个解决方案,以减少宽度,并在下拉列表中显示所有选项


注意:它应该与IE8兼容要更改字体大小,只需应用字体大小:XXpx;css属性:

选择1 选择2 选择3 试试这个简单的方法 外部样式表方法

选择{字体大小:6px;} 选择1 选择2 选择3 在选择元素上使用CSS字体大小规则


这里有一个

选择标签,使用下面给出的css样式

<select style="font-size:6px">
    <option></option>
    .
    .
    .
    </select>

您可以使用CSS来实现这一点

例如:

HTML:


使用类似的东西。只想添加:该标记在HTML5中已被弃用,不应使用。使用内联样式,而不是外部样式表。只在电子邮件模板中使用它,因为Outlook是一个迟钝的混蛋,我发布了相同的答案,但已经发布了downvoteAlready;试着提前检查,以免发布重复答案?没关系,亲爱的。很高兴看到您的问题得到解决@尼凯尔武特?我有什么问题?:D@nicael你的风格有问题吗css@nicael这是你非常粗鲁地说你已经回答过的第三个答案。正如你所知,我们明白了,谢谢。已经发布;尝试提前检查,以免发布重复答案?已发布;试着提前检查以避免发布重复答案?只想说size=6确实可以做到这一点,但如果你在字体标签中使用它,就不会这样做:@some lol,我错过了那个OP将它放在标签中:D gunna编辑它。
<select style="font-size:6px">
    <option></option>
    .
    .
    .
    </select>
<select id="myDropdown">
    <option>foo</option>
    <option>bar</option>
</select>
#myDropdown
{
    font-size: 6px;
}