Как убрать обводку в поле ввода текста?

Question

[jenya7771]

Как убрать обводку в поле ввода текста?

.search-text{
		height:28px;
		width:180px;
		background:#8a592b;
		border:1px solid #000;
		border-radius:8 0 0 8;
		-moz-border-radius:8 0 0 8;
		-webkit-border-radius:8 0 0 8;
	}
	.search-text:focus{
	background-color:#c8aa83;
	border-radius:8 0 0 8;
	-moz-border-radius:8 0 0 8;
	-webkit-border-radius:8 0 0 8;
	border:1px solid #000;
	}

Answer 1

[Андрей Голуменов]

Возможно outline: none; вам поможет

Answer 2

[Appp Zooo]

Добавлю что желательно применять "outline: none;" только к ".search-text:focus" :)

Comments

[Alexander Lashchevsky]

А почему к .search-text не надо?

[Appp Zooo]

@Lashchevsky в css lint'ах показывает такую ошибку, та и вроде оно и не надо на обычном элементе, ведь цель убрать фокус а не границы елемента, причем надо учесть что многие пользуются клавиатурой и необходимо значит другое определение в фокусированных элементах (типа смена цвета и тд), и еще скажу что погуглив везде говорят лучше использовать outline: 0

[Appp Zooo]

@Lashchevsky www.outlinenone.com тут еще описано хорошо про это

Answer 3

[Юрий Лобанов]

.search-text{
		height:28px;
		width:180px;
		background:#8a592b;
                border:none;
	}
	.search-text:focus{
	background-color:#c8aa83;
	}

codepen.io/iiil/pen/bAnvm