-3

My trouble is that I can't create web form like this image :

enter image description here

How do I create a form where its focus is not blue like this photo, I just want to do it red

1

2 Answers 2

1

updated jsfiddle with shadow

 input:focus {

     outline-color: red;
}
10
  • Why outline is important?
    – ali
    Aug 17, 2016 at 21:27
  • i used another way to make it just removing outline and giving border. !important is used to force the element to get this style. In updated answer and jsfiddle i have removed that and changed only the outline color Aug 17, 2016 at 21:29
  • Thank you But outline is little bold and border is pale
    – ali
    Aug 17, 2016 at 21:44
  • Border is good or outline? And I like this photo have a little shade Please see again it photo
    – ali
    Aug 17, 2016 at 21:47
  • The CSS outline property is a confusing property. When you first learn about it, it's hard to understand how it is even remotely different from the border property. The W3C explains it as having the following differences: 1.Outlines do not take up space. 2.Outlines may be non-rectangular. Aug 17, 2016 at 21:49
0

There should be a :active property in css for the form. change the color there and you should be all set. can i see the code?

1
  • Active for a second. And then release the mouse again to form the first focus returns Active mouse button for the former is that we Initial focus is released when the form
    – ali
    Aug 17, 2016 at 21:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.