Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / необходимо отсутсвие подстветка кнопки / 6 сообщений из 6, страница 1 из 1
13.04.2014, 17:16
    #38613648
alex021
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
необходимо отсутсвие подстветка кнопки
Добрый день, есть у меня обыная кнопочка
необходимо чтобы она НЕ! подствечивалась при нажатии
Код: html
1.
<button>лалала</button>


стилями здал отсутсвие фонового цвета и бордера. но при нажатии все равно кнопка обрамляется синим прямоугольничком, что-т не нагуглил я атрибут, который мне поможет.
Прошу вот у вас, знающих, помощи)
Спасибо!
...
Рейтинг: 0 / 0
13.04.2014, 17:28
    #38613657
alex021
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
необходимо отсутсвие подстветка кнопки
нашел ответ в соседнем топике
outline-width: 0;
вроде в хроме работает
а как на счет др браузеров? омжет кто подскажет?
...
Рейтинг: 0 / 0
14.04.2014, 08:27
    #38613907
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
необходимо отсутсвие подстветка кнопки
alex021 , просто не используй кнопочный тег. Какой в нем смысл, если ты изовсех сил пытаешся его "задушить"...
...
Рейтинг: 0 / 0
14.04.2014, 09:25
    #38613937
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
необходимо отсутсвие подстветка кнопки
alex021,

я вместо кнопки использую DIV. Можно сделать любой внешний вид, в событии OnClick - проверку на значения, и если всё ОК, то отправляем данные на сервер. Для визуальной имитации щелчка используем псевдокласс :active
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<!DOCTYPE html>
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head>
<style>
.GradCmd {
	background:-moz-linear-gradient(top, #FDFDFD, #D1D1D1);
	background:-webkit-linear-gradient(top, #FDFDFD, #D1D1D1);
	background:linear-gradient(top, #FDFDFD, #D1D1D1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDFDFD', EndColorStr='#D1D1D1');
	background:-ms-linear-gradient(top, #FDFDFD, #D1D1D1);
	width:80px;
	height:20px;
	border:1px solid #999;
	padding:1px;
	border-radius:5px;
	font:10pt/20px sans-serif;
	text-align:center;
	cursor:pointer;
}
.GradCmd:active {
	padding:2px 0 0 2px;
}
</style>
<body>
	Параметры Web-приложения...	<br><br>
	<div class="GradCmd" onclick="SaveData()">Сохранить</div>
</body>
<script>
function SaveData() {
	alert('Данные отправлены на сервер');
}
</script>
</html>
...
Рейтинг: 0 / 0
14.04.2014, 12:50
    #38614113
alex021
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
необходимо отсутсвие подстветка кнопки
krvsa, ну вот так получилось))) собствено говоря в одном месте такое сделать надо , а переписывать влом) просто добавть класс в css и все)
...
Рейтинг: 0 / 0
14.04.2014, 12:50
    #38614115
alex021
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
необходимо отсутсвие подстветка кнопки
user89,
вот это интересный подход ) благодарствую за совет!
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / необходимо отсутсвие подстветка кнопки / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]