css - 文本框颜色不会持续聚焦

Question

我在这里创建了 css 按钮样式：http: //jsfiddle.net/karimkhan/SgTy2/

当我在我的页面中使用相同的 css insite<style>时，它​​的效果发生了变化。如下所示：

小提琴上的实际 css 给出了这种视图：

我不擅长css。我在这里做错了什么？

Answer 1

如果你制作一个外部css文件怎么办？
可能会发生同样的情况，因此请查看在检查器模式下哪些样式与您的元素重叠。我不建议使用！important，而是让样式具有更高的优先级。一种方法是使您的 css 选择器更加具体。
例如：

input[name="url"]
{
    background: black;
}

具有更高的优先级

input
{
    background: red;
}

jsFiddle

请注意，更具体的路径也需要更长的时间来确定。
希望您现在可以解决问题。