Контролировать два цвета вставки границы?

Я пытаюсь посмотреть, есть ли способ изменить два цвета границы вставки в CSS

Как вы знаете, стиль вставки создает границу для элемента, создающего иллюзию, что он имеет встроенную границу. Он достигает этого, делая нижнюю и правую границу выбранного цвета и меняя цвет верхней и левой границы немного темнее.

Кто-нибудь знает, как вы можете контролировать темный или, возможно, даже другой цвет, альтернативный оттенок?

#myElement{
    border: inset 1px white;
}

Спасибо.

Ответ 1

Я не думаю, что вы можете контролировать это так, как я упоминал, но вы наверняка можете контролировать индивидуальный цвет каждой границы:

#myElement{
  border-style: solid;
  border-width: 1px;
  border-top-color: black;
  border-left-color: black;
  border-right-color: white;
  border-bottom-color: white;
}

Ответ 2

Если вы хотите использовать один и тот же цвет для всех сторон границы вставки, попробуйте это, что я использовал и работал нормально.

border-style: solid inset solid solid;