Как сделать текстовое поле с закругленными углами?

У меня есть этот каркас http://problemio.com/problemionewest.pdf, и вы видите в правом верхнем углу текстовое поле с закругленными углами.

Это делается только с помощью CSS или изображения и css? У меня есть образ, который мне был предоставлен, но он скорее всего сделает это с помощью css. В любом случае, я не знаю, как это сделать в любом случае, так что любая помощь будет большой!

Текущая версия у меня есть здесь: http://www.problemio.com

Ответы

Ответ 1

Вы можете использовать CSS для этого, но он не будет поддерживаться в IE8. Вы можете использовать какой-то сайт, например http://borderradius.com, чтобы придумать фактический CSS, который вы использовали бы, который будет выглядеть примерно так (опять же, в зависимости от того, re пытаются поддержать):

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

Ответ 2

Это можно сделать с помощью CSS3:

<input type="text" />

input
{
  -moz-border-radius: 15px;
 border-radius: 15px;
    border:solid 1px black;
    padding:5px;
}

http://jsfiddle.net/UbSkn/1/

Однако альтернативой было бы поставить input внутри a div с закругленным фоном, и никакая граница на input