文本框颜色不会在焦点上持续存在

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

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