Блог

На веб-сайте, который я создаю, я оформил элементы управления вводом, чтобы они выглядели немного приятнее, включая использование:

 border-radius: 15px 15px;
  

чтобы элементы управления имели более закругленные углы.

Это отлично работает, но проблема в том, что когда пользователь выбирает соответствующий элемент управления, стиль выделения, кажется, появляется вокруг него снаружи, чтобы показать его активный элемент управления. Этот стиль / граница выделения, похоже, не соответствует радиусу границы, установленному для элемента управления в целом. Я предполагаю, что это похоже на ситуацию с наведением курсора мыши на ссылку, но я не уверен, что с этим делать.

Как мне обрабатывать стиль элемента управления, когда он выбран специально?

 textarea:focus, input:focus{
   outline: none;
}
  

Действительно, это псевдоселектор:focus:http://jsfiddle.net/ahmednuaman/SMfQg /