выбор конкретного значения внутри класса или идентификатора CSS

Question

Я пытаюсь написать кусок кода в своем файле style.css, чтобы выбрать текст «регистр» внутри кнопки регистрации, чтобы переместить его немного выше внутри кнопки (см. Следующий снимок экрана)

Я гуглил, но не нашел решения, как выбрать такое конкретное значение внутри класса CSS или идентификатора CSS.

Answer 1

следующий код не меняет цвет этого текста:

.ihc-register-10 .iump-submit-form input[value="regsiter"] {
color:red;
}

также я не знаю, что является правильным для написания
input type = "submit" value = "регистр "
перед именем класса:
.ihc-register-10 .iump-submit-form

что из следующего является правильным?
.ihc-register-10 .iump-submit-form <input type="submit" value="register">

или

.ihc-register-10 .iump-submit-form input [type="submit"][value="register"]

Answer 2

Пожалуйста, смотрите ниже.Имейте в виду, что CSS нужно менять, когда вы меняете значение кнопки.Возможно, было бы лучше определить дополнительный класс, который будет назначен условно.

Проверьте MDN для получения дополнительной информации

input[value="register"] {
  background-color: red;
  color: white;
}

<input type="submit" value="register">