Почему не работают стили для <a>, <button> и так далее. (Для классов - работают) ASP.NET Core

197
25 апреля 2022, 14:10

Допустим есть html:

a.green{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:100px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 8px 16px;
margin: 20px auto;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
a.green {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
a.green:hover {
background-color: rgb( 75, 183, 141 );
}
<a href="#" class="green">Green button</a>

в cshtml, но кнопка выглядит так, будто css вообще не применялся! С остальными классами все прекрасно работает. Css подключен и применяется как надо во всем кроме кнопок и ссылок!

Answer 1

a.green{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:100px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
padding: 8px 16px;
margin: 20px auto;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;
}
a.green {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
a.green:hover {
background-color: rgb( 75, 183, 141 );
}
<a href="#" class="green">Green button</a>

READ ALSO
Можно ли сделать вырез в виде круга в div на css?
CSS

Можно ли сделать вырез в виде круга в div на css?

Очередная рубрика "Можно ли сделать такое на css":) Есть ли возможность сделать подобный вырез на css без svg? По плану сзади должен быть canvas...

 198
Скопировать положение скроллбара в другой
HTML

Скопировать положение скроллбара в другой

У меня есть 2 таблицы в html со скроллбарамиМне нужно чтобы, когда скроллишь в одной странице, тот же скролл дублировался и в другой

 166
Не работает :last-child
HTML

Не работает :last-child

не могу понять,почему не работает :last-child

 289
Количество слайдов OwlCarousel 2
HTML

Количество слайдов OwlCarousel 2

Столкнулся со следующей проблемой: в слайдере OwlCarousel 2 при разрешении 1920 на 1080 пикселей не отображается необходимое количество слайдов, а именно...

 166