Выберите Перетяжка в IE8

Я использую следующие CSS для выбора:Выберите Перетяжка в IE8

select{ 
    border: 1px solid #707A68; 
    border-radius: 4px 4px 4px 4px; 
    margin: 0px 0 5px; 
    padding: 8px 10px; 
}

радиус Граница не работает в IE, и я в порядке с этим, но обивка также не делает. Есть ли способ обхода или я делаю что-то неправильно? отлично работает в Chrome и FF

это весь код на странице:

<input type="text" placeholder="Hello World" /> 
<select> 
<option> Option one</option> 
    <option> Option two</option> 
</select> 

<style> 
select{ 
margin-top:20px; 
margin-left:20px; 
display:block; 
padding:20px; 

} 
</style>

источник

2012-05-03 SNAG

возможно дубликат [набивка не работает в Safari и IE в списке выбора] (http://stackoverflow.com/questions/2966855/padding-is- not-working-in-safari-and-ie-in-select-list) – ManseUK

Я наконец-то нашел ответ! Мне просто пришлось добавить

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

в мой код!

источник

2012-05-03 18:35:46 SNAG

Один из тех «Дох!» моменты. -Homer –

уверенный есть. "Doh!" – SNAG

Поддерживает ли IE9 дополнение в отрицательных значениях. Я пытаюсь настроить параметр выбора в IE9, образец в скрипке http://jsfiddle.net/qhCsJ/2187/ работает, если я реализую его в своем проекте, он не работает. Ширина select не является рендерингом в IE9, поэтому я попробовал с padding-right: -10px, который также не работает. См. мой вопрос http://stackoverflow.com/questions/19384907/drop-down-not-working-in- ie8-и-ie9. Если возможно, пожалуйста, помогите мне. – user2725407

Какая версия IE вы используете ?, потому что я тестировал в IE8, и я получаю отступы.

enter image description here

Вы можете попробовать -ms-border-radius: 4px; получить границы радиуса, по крайней мере, с IE 9 и IE10 он должен работать.

источник

2012-05-03 07:45:08 Zuazua

Я использую 8.0.6001 – SNAG

Я использую ту же версию, и я вижу 'select', как показано на картинке. – Zuazua

<select> - это встроенные элементы, и если вы хотите, чтобы прокладка была применена к встроенным элементам, вам необходимо добавить отображение: block; который сделает его блочным элементом. Протестировано на IE8.

скрипку: http://jsfiddle.net/Qs3E8/4/

источник

2012-05-03 08:11:33 mcmwhfy

Нет, не потому, что 'select' является встроенным. Потому что 'select' является замененным элементом! Нормальные встроенные элементы действительно заполняются. Кстати, у вас есть опечатка в вашей скрипке. –

@mcmwhfy Открыл ссылку на скрипку в IE 8, и он работал. но когда я написал тот же код в файле и запускал его, это не так. любая идея почему? http://screencast.com/t/sjtWsSgs – SNAG

Я должен увидеть код html и css с этой страницы, чтобы дать вам ответ, возможно потому, что имеет ограничение от другого элемента. – mcmwhfy

использовать этот CSS для всех браузер +

<select> 
<option> Option one</option> 
    <option> Option two</option 
</select> 

select{ 
margin-top:10px; 
    margin-left:10px; 
     display:block; 
    padding:5px; 
    border:1px 5px #000; 
-moz-border-radius-topleft: 5px; 
-moz-border-radius-topright:5px; 
-moz-border-radius-bottomleft:5px; 
-moz-border-radius-bottomright:5px; 
-webkit-border-top-left-radius:5px; 
-webkit-border-top-right-radius:5px; 
-webkit-border-bottom-left-radius:5px; 
-webkit-border-bottom-right-radius:5px; 
border-top-left-radius:5px; 
border-top-right-radius:5px; 
border-bottom-left-radius:5px; 
border-bottom-right-radius:5px; 

}

источник

2013-12-07 23:30:28 somebodyknowsme

Выберите Перетяжка в IE8

ответ

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