Как привязать css стиль для всех кнопок на сайте?

12
Geers
На сайте с 12.04.2011
Offline
487
2708

Т.е. имеется множество кнопок на сайте, и как к ним всем привязать один и тот же стиль?

Кнопки имееют подобный вид:

<input id="gosearch" type="submit" value="Поиск" name="gosearch">

Т.е. как ко всем кнопкам, а точнее к input привязать один и тот же стиль на всем сайте?

А то к каждой кнопке прописывать стиль, это муторно, хочу привязать просто стиль к input и все. Возможно ли это?

R
На сайте с 20.02.2015
Offline
59
#1

Любой из вариантов


input[type="submit"] {
// по типу
}
input[name="gosearch"] {
// по имени
}
input#gosearch {
// по ид
}
Geers
На сайте с 12.04.2011
Offline
487
#2

rereg, дело в том, что id у всех кнопок разный. Т.е. тогда первый вариант? мне получается стиль надо привязать именно к input.

А в css разве так прописывать можно?

input[type="submit"] {}

I2
На сайте с 07.03.2015
Offline
38
#3

Вы попробуйте, все получится

Качественная верстка PSD макетов (/ru/forum/974524)
Geers
На сайте с 12.04.2011
Offline
487
#4
indenger20:
Вы попробуйте, все получится

Не получилось, так как и type у некоторых кнопок разный, например: type="button"

Поэтому надо как то привязать именно к input. :)

I2
На сайте с 07.03.2015
Offline
38
#5

так тогда напишите просто

input {

}

Geers
На сайте с 12.04.2011
Offline
487
#6
indenger20:
так тогда напишите просто
input {

}

Тоже не подходит, проверил, свойство применяются и к полям тоже.

Ну да ладно, придется все прописывать для каждой кнопки.

I2
На сайте с 07.03.2015
Offline
38
#7

тогда через запятую интересующие вас типы перечислите

input[type="submit"], input[type="button"] {
// код
}
R
На сайте с 20.02.2015
Offline
59
#8

дубль, ответили выше..

Geers
На сайте с 12.04.2011
Offline
487
#9

indenger20, rereg, спасибо, именно так и сделал. ;)

---------- Добавлено 21.09.2015 в 00:47 ----------

Не подскажите как привязать свойство hover к кнопке?

Сделал так, но a:hover не срабатывает:

input[type="button"] {background-color: #1f3147; cursor: pointer;}

input[type="button"] a:hover{background-color: #ffd100;}

grayCat777
На сайте с 02.09.2015
Offline
5
#10

Geers, зачем на а? на input цепляйте

input[type="button"]:hover{background-color: #ffd100;}
HTML-верстка по доступной цене (/ru/forum/923505)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий