样式颜色/日期输入窗口

Question

您可以设置input或type中的date与color一起使用时出现的输入框的样式吗？

<input type="color">
<input type="date">

@edit

由于你们当中有些人感到困惑，也许正当如此，所以我并不是要编辑最初可见的input按钮，而是单击输入时在浏览器中弹出的对话窗口。 / p>

Answer 1

弹出窗口框是系统对象，不受CSS约束。要为其设置样式，您需要模仿自定义弹出窗口中的功能。

您可以使用CSS对输入按钮进行无尽的定制。

input[type='date']{
padding:5px;
border: 1px solid green;
color: red;
background-color: yellow;
}

input[type='color']{
padding:5px;
border: 1px solid green;
color: red;
background-color: yellow;
}

<input type="color">
<input type="date">