redondeados - input redondeado css

¿Cómo obtener solo una esquina redondeada con htc de radio de borde y MSIE v: roundrect?

Question

Tengo un problema con las esquinas parcialmente redondeadas. Vea el primer ejemplo de trabajo para la mayoría de los navegadores:

.box {
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid black;
  background-color: yellow;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

Puedes ver que solo la esquina inferior derecha debe ser redondeada. La opción natural sería agregar un hack de border-radius.htc dentro de una sentencia IE condicional:

.box {
  border-bottom-right-radius: 20px;
  behavior:url(border-radius.htc);
}

Esto no funciona porque el archivo border-radius.htc solo está accediendo al valor normal del radio del borde (this.currentStyle [''border-radius'']). VML utilizado por el truco es roundrect, que solo admite un valor porcentual para arcsize.

Entonces, me preguntaba si hay alguna otra forma de solucionar el problema usando otros elementos VML.

Otro problema es que htc-file no soporta los bordes, pero puede corregirse con el atributo stroked de VML. Esquinas ingeniosas, por ejemplo, no funcionan bien con las esquinas en absoluto.

Answer 1

La otra solución: border-bottom-right-radius:10px; no hacer que la CPU calcule redondeos de borde innecesarios

Answer 2

Pude hacer que funcionara con border-radius: 0 0 10px 10px; y htc de http://css3pie.com/