Fondamentalmente ciò che fa è rendere gli angoli in alto a destra e in basso a destra intorno agli angoli in alto + in basso a sinistra.Internet Explorer 9 (e 10) stanno rendendo i miei angoli arrotondati all'indietro
Ecco il css:
.formlabel, .formlabel2, .formhead{
width:200px;
font-size:18px;
height:22px;
font-weight:normal;
background-color:#FF8000;
text-align:right;
margin-top:5px;
padding-right:1px;
border:none;
color:white;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
Da quello che ho potuto dedurre, succede perché sono all'interno di un'altra classe che ha l'attributo direction:rtl
. Se aggiungo direction:ltr
alle classi sopra, allora gli angoli sono arrotondati correttamente. (Puoi provare questo utilizzando il codice sopra e aggiungendo direction:rtl
)
Il problema è che il sito è in ebraico quindi ho bisogno che rimanga rtl.
Qualche idea?
Stupido _stupid_ IE sviluppatori. Solo un po 'di conformità sarebbe carino di tanto in tanto. – Bojangles
Forse potresti usare il posizionamento assoluto per impilare due elementi e mettere lo sfondo e il bordo e la direzione: ltr sull'elemento inferiore e tutto il contenuto rtl sull'elemento superiore? – Neil