Css Chrome文本框没有自动填充样式

因此，每当我预先填充文本框并用Chrome查看它时，它都不会显示我指定给文本框的样式。为什么？我会给你看一张照片我的意思是：

以下是我的css代码：

input:-webkit自动填充{
-webkit盒阴影：0 50px#000插图；
-webkit文本填充颜色：青色；
-webkit边界半径：3px；
-webkit过渡：所有0.10秒都易于输入输出；
-moz转换：所有0.10s的易入易出；
过渡：所有0.10秒的缓进缓出；
边框：1px实心#006161；
左侧填充：5px；
右侧填充：5px；
浮动：左；
大纲：无；
不透明度：1.00；
边界半径：3px；
背景色：#000；
颜色：青色；
}
输入：-webkit自动填充：焦点{
-webkit盒阴影：0 50px#000插图；
-webkit文本填充颜色：青色；
-webkit边界半径：3px；
边框：1px固体青色；
大纲：无；
}
输入：-webkit自动填充：悬停{
-webkit盒阴影：0 50px#000插图；
-webkit文本填充颜色：青色；
-webkit边界半径：3px；
边框：1px固体青色；
大纲：无；
}
.txt，输入[type=“submit”]
{
背景色：#000；
颜色：青色；
边框：1px实心#006161；
边界半径：3px；
过渡：所有0.10秒的缓进缓出；
-webkit过渡：所有0.10秒都易于输入输出；
-moz转换：所有0.10s的易入易出；
左侧填充：5px；
右侧填充：5px；
浮动：左；
}
.txt:focus，[type=“submit”]：focus
{
不透明度：1.00；
背景色：#020202；
颜色：青色；
大纲：无；
边框颜色：青色；
盒影：0 10像素青色；
}
.txt：悬停，输入[type=“submit”]：悬停
{
不透明度：1.00；
背景色：#000；
颜色：青色；
大纲：无；
边框颜色：青色；
盒影：0 10像素青色；
}

---

当我运行你的代码片段时，我应该看到什么？@Madbreaks颜色较深的文本框，但预填充的文本框不显示样式。那么你需要包含一些HTML。我已经在HTML中包含css文件，它只是不设置预填充文本框的样式。你已经为我们在你的问题中创建了一个代码片段，但是它没有显示任何内容，因为您没有在代码段中包含HTML。所以它是无用的。