html - 在下拉菜单中更改字体大小

Question

我正在尝试设置表单的样式，表单中的一些元素是下拉菜单。我在设计这些物品时遇到了麻烦。

我试过像这样调用 select 然后选项

.writerBox select option{
  height:2em;
  font-size:2em;
}

我试过只是调用选择。我在这里缺少什么或使字体变大的技巧吗？

我已经设置了一个jsFiddle来玩。任何帮助都会很棒！

Answer 1

您可以将选择的字体大小设置为大于 100 的百分比

select{
    font-size: 130%;
}

JSFIDDLE

Answer 2

如果您正在谈论整体更改选择的字体，则可以这样做：

.writerBox select{ 
    font-size:60px;
}