Не получается применить стили?

Question

[N-I]

Стили к input.
В браузере получается. В файле не получается.
Какие-то классы, наверное, пишу неправильно. По-всякому писала уже. Подскажите.



Нужно узнать, это я неправильно пишу css или нужно искать другую причину.

Comments

[Сергей ZSA]

код в codepen или jsfiddle пожалуйста. И я так понимаю вы на каком-то препроцессоре. Каком?

[N-I]

Сергей ZSA: Тема на Bootstrap 4 и только css.
Вроде правильно, не умею этими сайтами пользоваться.) https://codepen.io/N-I/pen/EXBMEY

[N-I]

Сергей ZSA: Получается .) Точка лишняя была.)

.btn-submit {
cursor: pointer;
}
.btn-submit input {
cursor: pointer;
background: transparent none;
color: inherit;
border: none;
font-weight: inherit;
display: inline;
padding: 0;

}

[Сергей ZSA]

N-I: Для начала вы пытались писать вложенность в css путем вкладывания селектора в селектор. Так нельзя, это не препроцессор и css увы пока такого делать не умеет. Я сужу по тому коду который вы предоставили в вопросе, а про точку тут ничего не могу сказать))) Наверно вы код писали иначе как-то, а не как в вопросе.

[N-I]

Сергей ZSA: Да, не с того места скопировала, только что увидела, невнимательно. Это было в предложенном решении ошибки. Писала, как в css надо.)

Answer 1

[AlexKeller]

В самом вопросе, судя по всему, SCSS, и все выглядит нормально. А на вашем codepen ошибка в наличии точки перед input - стилизуется класс, а не тег

Comments

[N-I]

Да, увидела. Почему-то не получалось, пока не спросила.)

[N-I]

Подскажите ещё, как border убрать у input, который появляется при нажатии?

[AlexKeller]

N-I:

.btn-submit input:focus {
  border: none;
  outline: none;
}

[N-I]

AlexKeller: Спасибо)