2013-03-22 4 views
-1

Эти средства устранения неполадок IE. Вот ошибка. В нижней части этой формы: http://xquives.kiaistudio.com/new-form/index.php есть две кнопки. Они выглядят идеально в IE10 FF и т. Д., Но не в IE 9-8-7. Как это исправить?Простая форма кнопки submit не отображается в IE 8-7

buttonbox CSS:

#buttonbox { 
    display : block; 
    margin-top:20px; 
    margin-bottom : 20px; 
    overflow:auto; 
    float:right; 
} 

кнопка класса CSS:

.button { 
    background:#5f6156; 
    background:rgba(0, 0, 0, 0.6); 
    color:#FFF; 
    padding: 5px; 
    float: left; 
    width: 100px; 
    border: 1px solid #000; 
    font-size: 12px; 
    font-weight: bold; 
    margin:10px; 
    display:block; 
    height:30px; 
} 
.button:hover { 
    color:#D3411F; 
} 

кнопка ДИВ HTML:

<div id="buttonbox"> 
    <input name="SOUMETTRE" type="submit" class="button"/> 
    <input name="REINITIALISER" type="reset" class="button" /> 
</div> 

- более информация, кнопка в IE 7-8- 9, которые бесполезны, являются черными без текста (или черного текста), поэтому мы не видим записи ... но запускаем сообщение из OK ... . Просто не может видеть текст, который есть в FF или IE10

-

Здесь кратна захвата экрана, чтобы резюмировать это!

enter image description here

+2

Пожалуйста, разместите здесь код, чтобы, если эта ссылка уходит, этот вопрос не будет бесполезен для других в будущем. –

+0

Опишите проблему более подробно, в том числе то, что кнопка в настоящее время выглядит в IE, и как должна выглядеть кнопка. –

+0

Входной тег должен иметь атрибут 'value', чтобы сообщить браузеру, какой текст будет отображаться. –

ответ

0

Входной тег должен иметь значение атрибута, чтобы сообщить браузеру, что текст для отображения - Cody Güldner Мар 22 в 20:34

0

Хотя я не могу увидеть весь код, потому что ссылка сломана, я бы предположил, что вы вставили текст в input каким-то псевдо-классом, например :before или :after. Я знаю это, потому что

  1. Вы не атрибут value на ваш input
  2. Вы должны использовать что-то, что не поддерживается в нижних браузерах
  3. Так что, вероятно, не является JQuery, потому что который имеет хорошую поддержку браузера

Итак, чтобы решить это, все, что вам нужно сделать, это добавить value к input. Это гарантирует, что текст всегда отображается, потому что он жестко закодирован в HTML.

Кнопки будут по-прежнему иметь свою функциональность. Просто, что никто не узнает, что они делают/

Смежные вопросы