I'm experienced, yet still a "beginner" in web-development, so I ask: How do I adjust the the radius of the outline of an "in focus" input object to match it's border-radius value?
/*Input field style*/input { display: block; border: 1px solid #aaaaaa; border-radius: 2px; padding: 12px; font-size: 18px; font-family: Sansation; margin-left: auto; margin-right: auto; margin-bottom: 5px;}/*Input field focus style*/input:focus { outline: 2px solid #28c789; /* Outline Radius Value? */}
I do apologize for my ignorance on the subject, but I figure there must be a way.
Thank you!