Как в CSS изменить свойства текстового узла?

#html #css

Как мне тут менять свойства самого слова "Login"? Больше сделать его, или меньше.
К какому селектору обращаться?
    

Ответы

Ответ 1

CSS не предоставляет возможности получить доступ к текстовому узлу (TextNode). Более
того, это даже является излишним и совершенно ненужным, потому как все параметры текста
внутри определенного элемента регулируются изменением свойств самого элемента.

Изменить цвет текста элемента можно при помощи свойства color, а его размер - при
помощи свойства font-size.


Ответ 2

Но варианты есть! Т.е. можно скрыть одно и вывести другое заменив наполнение.



button {
  font-size: 18px;
  padding: .2rem 1rem;
  width: 200px;
  position: relative;
}

button:hover span {
  visibility: hidden;
}

button:hover span::before {
  visibility: visible;
}

span::before {
  position: absolute;
  top: 0;
  r: 50%;
  transform: translateX(-50%);
  content: "Привет!";
  visibility: hidden;
}