Textbox цвет не сохраняется на фокус

Question

Я создал CSS стиль кнопки, как здесь: http://jsfiddle.net/karimkhan/SgTy2/

Когда я же CSS INSITE <style> на моей странице, то это эффект изменился. выглядит, как показано ниже:

Actual CSS на скрипке дает такой взгляд:

Я не очень хорошо CSS. Что случилось, я здесь?

Answer 1

Что делать, если вы создаете внешний файл css?
То же самое произойдет, так что посмотрите, какие стили перекрывают ваш элемент в режиме инспектора. Я бы не предлагал использовать! Важно, но, скорее, сделать стиль более приоритетным. Один из способов сделать это - сделать ваш селектор css более конкретным.
Например:

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

имеет более высокий приоритет, как

input 
{ 
    background: red; 
} 

jsFiddle

Обратите внимание, что более путь также, специфические занимает больше времени, чтобы determ.
Надеюсь, вы сможете сейчас работать над решением.