大写浏览器自动填充下拉列表中的所有字符

Question

在弹出式下拉列表中，在html表单上键入时打开。如何将列表中显示先前输入值的每行中的所有字符大写？

以下仅使第一个字母为大写。

＆＃13;

＆＃13;

input#plate {
    text-transform: uppercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

＆＃13;

<input type="text" id="plate" autocapitalize="characters" placeholder="Enter Plate">

＆＃13;

＆＃13;

＆＃13;

修改
将css中的none更改为uppercase也没有。

Answer 1

自动填充下拉列表是浏览器用户界面本身的一部分，因此不幸的是它的外观无法修改。在这方面，它就像一个上下文菜单。

::placeholder伪元素可用于设置占位符文本的样式，例如页眉中的Stack Overflow搜索字段（搜索Q＆amp; A ）中的文本。