Nie wiem co o tym sądzić, problem dotyczy tylko IE,FF w chromie (jak zawsze spoko lux)
Chodzi o to gdy ładuję formularz na wpisywanie z wartością domyślną "_" albo "_" to jest to samo co _ to jest niewidoczny, problem pewnie dotyczy css tego elementu bo gdy ładuję "goły" szablon wszystko jest obecne, wyeliminowałem też błąd po stronie JQUERY więc nie zamieszczam JS'a
Oto elementy:
.eugt1 { text-align: right; } .eugt1, .eugt2 { background-color: transparent; border: none; color: black; font-size: 24px; height: 24px; width: 38px; padding-top: 5px; } input { color: #004B9C; font-size: 11px; border: 1px solid #BBDEF4; padding: 1px 3px 0px 3px; margin: 3px 0px 0px 0px; font-family: Tahoma, Arial, Helvetica, Sans-serif; height: 18px; } user agent stylesheetinput:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { padding: 1px 0px; } user agent stylesheetinput, input[type="password"], input[type="search"], isindex { -webkit-appearance: textfield; padding: 1px; background-color: white; border: 2px inset; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; } user agent stylesheetinput, textarea, keygen, select, button, isindex { margin: 0em; font: -webkit-small-control; color: initial; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: -webkit-auto; } Inherited from div.boxgameorangemid .boxgameorangemid { font-family: Tahoma; font-size: 24px; text-align: center; } Inherited from td table td { font-size: 11px; } Inherited from table.TABLE table { font-size: 11px; border-collapse: collapse; } user agent stylesheettable { border-collapse: separate; border-spacing: 2px; } Inherited from div.DIV_CONTENTBAR_CONT .DIV_CONTENTBAR_CONT { text-align: left; } Inherited from body body { font-size: 11px; font-family: Georgia, Times; }
całość do przetestowania wklejcie pod .html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://ogp.me/ns/fb#"> <head> <style> .eugt1 { text-align: right; } .eugt1, .eugt2 { background-color: transparent; border: none; color: black; font-size: 24px; height: 24px; width: 38px; padding-top: 5px; } input { color: #004B9C; font-size: 11px; border: 1px solid #BBDEF4; padding: 1px 3px 0px 3px; margin: 3px 0px 0px 0px; font-family: Tahoma, Arial, Helvetica, Sans-serif; height: 18px; } stylesheetinput:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { padding: 1px 0px; } input[type="password"], input[type="search"], isindex { -webkit-appearance: textfield; padding: 1px; background-color: white; border: 2px inset; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; } textarea, keygen, select, button, isindex { margin: 0em; font: -webkit-small-control; color: initial; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: -webkit-auto; } .boxgameorangemid { font-family: Tahoma; font-size: 24px; text-align: center; } table td { font-size: 11px; } table { font-size: 11px; border-collapse: collapse; } user agent stylesheettable { border-collapse: separate; border-spacing: 2px; } .DIV_CONTENTBAR_CONT { text-align: left; } body { font-size: 11px; font-family: Georgia, Times; } </style> </head> <body> <div class="boxgameorange"> <div class="cg5"> </div> </div> </body> </html>
tymczasem pomyślę dalej....
OK na FF winny jest .... font-style, po wywaleniu Tahoma sie pojawiło na IE dalej nie ma
Zmiana errata: font-family pomogła tyle, że na IE (9) dalej niewidoczne do momentu zaznaczenia tekstu, zakładam że to kolejny bug tej przeglądarki.... chyba że ja coś nawaliłem w kodzie źle
input { color: #004B9C; font-size: 11px; border: 1px solid #BBDEF4; padding: 1px 3px 0px 3px; margin: 3px 0px 0px 0px; font-family: Sans-serif; height: 18px; }
Dalej szukam font'a na IE, czy to jest jedyne rozwiązanie? Myślałem że moje padding mogą to ukrywać ale to nie to, styl czcionki zmieniłem i w FF już jest ok, dalej cholerny IE będzie dręczył... Jakby ktoś ogarnął temat to proszę o podpowiedź.