Вот вам Brainteaser для CSS. Я хочу создать границу только с углами вокруг текстового поля, как показано ниже:
Я думал о создании двух прямоугольников divs, один с синей рамкой, а другой белый, а затем наложения их, но это не казалось очень элегантным (например, это не сработает, если я хочу изменить фон).
Любые идеи, как еще я могу это сделать?
EDIT:
Здесь HTML:
<div class="blue white1 white">text</div>
.blue {
border: blue 4px solid;
etc..
}