Witam,

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:

  1. <div class="boxgameorange">
  2. <div class="cg5">
  3. <div class="boxgameorangeleft"></div>
  4. <div class="boxgameorangemid"><input type="text" class="eugt1 t" name="score1" value="_" size="1" maxLength="2" />:<input type="text" class="eugt2 t" name="score2" value="_" size="1" maxLength="2" /></div>
  5. <div class="boxgameorangeright"></div>
  6. </div>
  7. </div>


  1. .eugt1 {
  2. text-align: right;
  3. }
  4. .eugt1, .eugt2 {
  5. background-color:
  6. transparent;
  7. border: none;
  8. color:
  9. black;
  10. font-size: 24px;
  11. height: 24px;
  12. width: 38px;
  13. padding-top: 5px;
  14. }
  15. input {
  16. color:
  17. #004B9C;
  18. font-size: 11px;
  19. border: 1px solid
  20. #BBDEF4;
  21. padding: 1px 3px 0px 3px;
  22. margin: 3px 0px 0px 0px;
  23. font-family: Tahoma, Arial, Helvetica, Sans-serif;
  24. height: 18px;
  25. }
  26. 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"] {
  27. padding: 1px 0px;
  28. }
  29. user agent stylesheetinput, input[type="password"], input[type="search"], isindex {
  30. -webkit-appearance: textfield;
  31. padding: 1px;
  32. background-color:
  33. white;
  34. border: 2px inset;
  35. border-image: initial;
  36. -webkit-rtl-ordering: logical;
  37. -webkit-user-select: text;
  38. cursor: auto;
  39. }
  40. user agent stylesheetinput, textarea, keygen, select, button, isindex {
  41. margin: 0em;
  42. font: -webkit-small-control;
  43. color: initial;
  44. letter-spacing: normal;
  45. word-spacing: normal;
  46. line-height: normal;
  47. text-transform: none;
  48. text-indent: 0px;
  49. text-shadow: none;
  50. display: inline-block;
  51. text-align: -webkit-auto;
  52. }
  53. Inherited from div.boxgameorangemid
  54. .boxgameorangemid {
  55. font-family: Tahoma;
  56. font-size: 24px;
  57. text-align: center;
  58. }
  59. Inherited from td
  60. table td {
  61. font-size: 11px;
  62. }
  63. Inherited from table.TABLE
  64. table {
  65. font-size: 11px;
  66. border-collapse: collapse;
  67. }
  68. user agent stylesheettable {
  69. border-collapse: separate;
  70. border-spacing: 2px;
  71. }
  72. Inherited from div.DIV_CONTENTBAR_CONT
  73. .DIV_CONTENTBAR_CONT {
  74. text-align: left;
  75. }
  76. Inherited from body
  77. body {
  78. font-size: 11px;
  79. font-family: Georgia, Times;
  80. }




całość do przetestowania wklejcie pod .html:


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:fb="http://ogp.me/ns/fb#">
  3. .eugt1 {
  4. text-align: right;
  5. }
  6. .eugt1, .eugt2 {
  7. background-color:
  8. transparent;
  9. border: none;
  10. color:
  11. black;
  12. font-size: 24px;
  13. height: 24px;
  14. width: 38px;
  15. padding-top: 5px;
  16. }
  17. input {
  18. color:
  19. #004B9C;
  20. font-size: 11px;
  21. border: 1px solid
  22. #BBDEF4;
  23. padding: 1px 3px 0px 3px;
  24. margin: 3px 0px 0px 0px;
  25. font-family: Tahoma, Arial, Helvetica, Sans-serif;
  26. height: 18px;
  27. }
  28. 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"] {
  29. padding: 1px 0px;
  30. }
  31. input[type="password"], input[type="search"], isindex {
  32. -webkit-appearance: textfield;
  33. padding: 1px;
  34. background-color:
  35. white;
  36. border: 2px inset;
  37. border-image: initial;
  38. -webkit-rtl-ordering: logical;
  39. -webkit-user-select: text;
  40. cursor: auto;
  41. }
  42. textarea, keygen, select, button, isindex {
  43. margin: 0em;
  44. font: -webkit-small-control;
  45. color: initial;
  46. letter-spacing: normal;
  47. word-spacing: normal;
  48. line-height: normal;
  49. text-transform: none;
  50. text-indent: 0px;
  51. text-shadow: none;
  52. display: inline-block;
  53. text-align: -webkit-auto;
  54. }
  55.  
  56. .boxgameorangemid {
  57. font-family: Tahoma;
  58. font-size: 24px;
  59. text-align: center;
  60. }
  61.  
  62. table td {
  63. font-size: 11px;
  64. }
  65.  
  66. table {
  67. font-size: 11px;
  68. border-collapse: collapse;
  69. }
  70. user agent stylesheettable {
  71. border-collapse: separate;
  72. border-spacing: 2px;
  73. }
  74.  
  75. .DIV_CONTENTBAR_CONT {
  76. text-align: left;
  77. }
  78.  
  79. body {
  80. font-size: 11px;
  81. font-family: Georgia, Times;
  82. }
  83.  
  84. </head>
  85. <a href="http://forum.php.pl/index.php?showtopic=199222" target="_blank">http://forum.php.pl/index.php?showtopic=199222</a>
  86. <div class="boxgameorange">
  87. <div class="cg5">
  88. <div class="boxgameorangeleft"></div>
  89. <div class="boxgameorangemid"><input type="text" class="eugt1 t" name="score1" value="_" size="1" maxLength="2" />:<input type="text" class="eugt2 t" name="score2" value="_" size="1" maxLength="2" /></div>
  90. <div class="boxgameorangeright"></div>
  91. </div>
  92. </div>
  93. </body>
  94. </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

  1. input {
  2. color:
  3. #004B9C;
  4. font-size: 11px;
  5. border: 1px solid
  6. #BBDEF4;
  7. padding: 1px 3px 0px 3px;
  8. margin: 3px 0px 0px 0px;
  9. font-family: Sans-serif;
  10. height: 18px;
  11. }


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ź.