Html Css更改日期输入突出显示颜色

我在我的页面中有一个日期类型的输入，我想更改其中突出显示的颜色，我不知道是否有css选择器

这是我所说的图像：

谢谢你的关心！：）

编辑

以下是我想做的：

---

为了

可能会有所帮助，请在bootstrap.css中更改以下css条目

text区域：焦点，
输入[type=“text”]：焦点，
输入[type=“password”]：焦点，
输入[type=“datetime”]：焦点，
输入[type=“datetime local”]：焦点，
输入[type=“date”]：焦点，
输入[type=“month”]：焦点，
输入[type=“time”]：焦点，
输入[type=“week”]：焦点，
输入[type=“number”]：焦点，
输入[type=“email”]：焦点，
输入[type=“url”]：焦点，
输入[type=“search”]：焦点，
输入[type=“tel”]：焦点，
输入[type=“color”]：焦点，
.uneditable输入：焦点{
边框颜色：rgba（1262391040.8）；
盒影：0 1px 1px rgba（0,0,0,0.075）插图，0 0 8px rgba（126,239,104,0.6）；
大纲：0无；
}

我将日期输入作为文本框，以便：：selection可以处理它。这在Chrome和Edge中适用，但我注意到在同一语句中与-moz组合时，它停止工作

<style>
    #myInput {
        color: rgb(0, 255, 144); 
    }
    #myInput::selection {
        background-color: rgba(248, 90, 192, 0.56); 
    }
    #myInput::-moz-selection {
        background-color: rgba(248, 90, 192, 0.56); 
    }
</style>

<div class="row">
    <input type="text" id="myInput" value="Test input text" />
</div>

#我的输入{
颜色：rgb（0，255，144）；
}
#myInput:：selection{
背景色：rgba（248,90,192,0.56）；
}
#myInput:：-moz选择{
背景色：rgba（248,90,192,0.56）；
}

如果我找到“非webkit”解决方案，我会更新此解决方案

Zurb GitHub回购协议的贷方：

---

可能是@jimboweb的复制品这不是一回事。这篇文章讨论了边框的焦点颜色，但这里我讨论的是文本高亮颜色，只使用背景色。不难理解好吧，那么试试这里：您需要发布一个显示问题的标记的最小示例。这并不能回答问题。他试图设计日期输入的样式，而你的解决方案对这种类型的输入不起作用。这并不能回答问题。他正在尝试设置日期输入的样式，而您的解决方案对该类型的输入无效。您不想将颜色更改为与背景颜色相同的颜色，是吗？

input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus {
    background-color: red;
    color: white;
    outline: none;
}