могу ли я удалить эффект *: after для некоторых из моих css

Question

Я не очень хорошо разбираюсь с css, я взял какую-то библиотеку, у которой это ниже css.

*,
 *:before,
*:after {
box-sizing: inherit ; 
}

Это хорошо для некоторых представлений, но для некоторых представлений это делает их неправильными, и я не нужно это для некоторых видов.

Например, эта кнопка

текст внутри нее обычно находится в центре, но из-за этого выше css текст идет вправо. .

Я пытался добавить styleName к этой кнопке, где я делаю

  .buttonStyle
  {
  box-sizing: unset !important ; 
  }

Но это не работает.

Answer 1

Вы можете сделать это следующим образом.

.buttonStyle:after, buttonStyle:before {
    box-sizing: border-box; 
}

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