Использование существующего стиля для всех кнопок без указания его в атрибуте класса - PullRequest
Новая
       7

Использование существующего стиля для всех кнопок без указания его в атрибуте класса

1 голос
/ 10 августа 2011

Я использую ASP.NET MVC 3 с движком Razor вместе с новейшей версией средств управления Telerik MVC.

В telerik.webblue.min.css есть 2 стиля, а именно t-button и t-state-default. Это реализовано на кнопочном элементе так: 

<button class="t-button t-state-default" type="submit">Apply</button>

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

button,.t-button,.t-state-default{}

Итак, все, что я хочу иметь в моей разметке: 

<button type="submit">Apply</button>

Как бы я это сделал?

UPDATE

Когда я смотрю на источник, вот что я вижу: 

<link href="/Assets/yui_2.9.0/yui/build/reset-fonts-grids/reset-fonts-grids.css" rel="stylesheet" type="text/css">
<link href="/Assets/telerikaspnetmvc/2011.2.712/Content/telerik.common.min.css" rel="stylesheet" type="text/css">
<link href="/Assets/telerikaspnetmvc/2011.2.712/Content/telerik.webblue.min.css" rel="stylesheet" type="text/css">
<link href="/Assets/Stylesheets/hbf.css" rel="stylesheet" type="text/css">

В Firebug, когда я выбираю кнопку, она показывает самый верхний стиль для этой кнопки как: 

button, .t-button, .t-state-default {
}

hbf.css (line 26)

Ответы [ 2 ]

1 голос
/ 10 августа 2011

Это должно работать.

Однако вы можете поместить все стили из

.t-button,.t-state-default {}

в одно правило, помеченное

button {}

РЕДАКТИРОВАТЬ

Мне кажется, я вижу проблему, основанную на вашем обновлении.(Если я правильно понимаю)

Этот 

button, .t-button, .t-state-default {
}

появляется в вашем hbf.css

Однако это ничего не стилизует.button не может ссылаться на другие стили таким образом.

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

* * * * * * * * * * * * * * * * * * * * * * * * * * * * *1030* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

0 голосов
/ 10 августа 2011

Обновлено: 

button,
.t-button,
.t-state-default {
     border: 1px solid red;
     background: #ccc;
     width: 100px;
     height: 25px;
 }

См. Демонстрацию: http://jsfiddle.net/rathoreahsan/Q2JwE/

...