Как изменить кнопку содержимого в CSS? - PullRequest
Новая
       0

Как изменить кнопку содержимого в CSS?

0 голосов
/ 06 февраля 2020

Привет! Я хочу изменить содержимое «Включить» на кнопку «Выключить» в HTML, используя CSS, но почему-то это не работает, не знаю почему, код hier ... 

button{
	content: "Turn Off";
}
<!DOCTYPE html>
<html>
<head>
	<title>Test</title>
</head>
<body>
	<button>Turn On</button>
</body>
</html>

Ответы [ 2 ]

1 голос
/ 06 февраля 2020

Я пытался сделать это, но, похоже, он не работает только с CSS. JavaScript - лучшее решение.
Чтобы запустить его, поместите код Javascript в документ HTML между тегами <script></script>, непосредственно перед закрывающим тегом </body>. 

var btn = document.querySelector('input');

btn.addEventListener('click', updateBtn);

function updateBtn() {
  if (btn.value === 'Turn On') {
    btn.value = 'Turn Off';
  } else {
    btn.value = 'Turn On';
  }
}
<!DOCTYPE html>
<html>
  <head>
    <title>Title</title>
  </head>
  <body>
    <input type="button" value="Turn On">
  </body>
</html>
0 голосов
/ 06 февраля 2020

попробуйте как показано ниже 

button:before {
  content: "Turn Off";
  font-size: initial;
}

button {
  font-size: 0;
}
<button>Turn On</button>

Похожие: Скрыть текст в html без тегов html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...