Я не могу применить легкий вес шрифта, чтобы реагировать на ввод и выбирать элементы опций

Question

Это мой код. Другие элементы в том же компоненте принимают присвоение веса легкого шрифта, значение которого равно 300

neworder {
  height: 76.7rem;
  width: 55rem;
  & input,
  select {
    font-weight: 300;
    font-size: 2rem;
    width: 42.1rem;
    height: 3.9rem;
    border: 1px solid #707070;
    border-radius: 1rem;
  }

, это html

<form>
<select style={{ color: '#707070', fontWeight: 'lighter' }}>
<option value={placeHodler}>{placeHodler}</option>{areas.map(area => (
<option key={areas.indexOf(area)} value={area}>
{area}</option>))}
</select>
<input type='text' placeholder='ESTATE/APARTMENT NAME'></input>
<input type='text' placeholder='HOUSE NUMBER'></input>
<p className='neworder-price-value'>Total Pice, including delivery: <span>{totalPrice}</span>
</p>
<button type='SUBMIT'>PLACE ORDER</button>
</form>

Answer 1

Я просто думаю, что у вас есть опечатки в ваших CSS правилах, попробуйте:

.neworder {
  height: 76.7rem;
  width: 55rem;
}

input, select {
  font-weight: 300;
  font-size: 2rem;
  width: 42.1rem;
  height: 3.9rem;
  border: 1px solid #707070;
  border-radius: 1rem;
}