Могу ли я иметь разные цветные левые и верхние границы в CSS с прямым соединением?

Я хотел бы иметь рамку толщиной 4 пикселя розового цвета слева и 1px серого цвета в другом месте:

border: 1px solid #E5E5E5;
border-left: 4px solid #F24495;

Проблема в том, что соединение имеет диагональ, поэтому я получаю ужасное наложение. Я старался:

.item:before{ 
  border-left: 4px solid #F24495;
}

Но не повезло.

jsFiddle Example jsFiddle example highlighting diagonal connection Screenshot

Screenshot

Ответы на вопрос(4)

Ваш ответ на вопрос