Html form подсветка input

@sashok89 · Регистрация: 04.08.2012

Author24 — интернет-сервис помощи студентам

Добрый вечер. Что за ерунда происходит с input, когда ставлю курсор туда, вокруг него появляется странная синяя рамка. Как мне от нее избавиться?

HTML5

<form class="forma">
<input type="text" value="Your name">
<input type="text" value="Your Email Address">
<input type="text" value="Your Estimated Budget">
<textarea></textarea>
<input type="submit" value="submit now">
</form>

CSS

.forma {}
.forma input {
    display: block; 
    width: 380px;
    padding: 10px 20px;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #e0e0e0;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    text-shadow: none;
}
.forma textarea {
    height: 180px;
    width: 430px;
    resize: none;
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background: #e0e0e0;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.5) inset;
    text-shadow: none;
}

ссылка на пример

@Taatshi · 19.04.2014, 20:47

CSS

1
2
3

.forma input:focus {
outline:none;
}

	19.04.2014, 20:47