Как стилизовать type = submit в определенном классе / форме (не для всех type = submit button) с помощью css

Question

<ul class="form_no_bullet">
  <li class="form_li_pad"><input name="password" type="password" class="form-input" placeholder="Confirm Password" required></li><br>
  <li class="form_li_pad"><input type="submit" value="Register"></li>
 </ul>

// Он должен применяться к этой спецификации c class = "form_li_pad" type = submit, а другой type = submit не должен изменяться

// этот стиль нацелен на все type = submit кнопка / входы CSS

input[type=text] {

}

 input[type=text]:focus {
}

input[type=submit] {

}

Answer 1

Я создал для вас демо, посмотрите, работает ли это. Подробнее про selectors здесь .

input[type=submit]{
  color: blue;
}

input[type=submit].xyz{
  color: red;
}

.any_class input[type=submit]{
  color: green;
}

<input type="submit" value='Submit'>

<input type="submit" class="xyz" value='Submit with class'>

<div class="any_class">
<input type="submit" class="xyz" value='Submit within a class'>
</div>