Застрявший ящик с использованием IE и Chrome

Как исправить эту проблему с искаженным полем поиска и «забавной границей после выбора» в браузере IE или Chrome? Это должно оставаться постоянным в CSS, обязательным !:Застрявший ящик с использованием IE и Chrome

*, 
*:after, 
*:before { 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
padding: 0; 
margin: 0; 
}

Example here

Особая благодарность ze-rubeus за помощь, чтобы решить все проблемы!

источник

2015-03-01 aisiic

Может быть, вы могли бы прояснить этот вопрос, потому что не ясно, что вы просите. –

Скошенный ящик и уродливая граница после выбора товара! Работать отлично без *, ..., но мне нужно сохранить его в css! – aisiic

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

здесь решение этой драмы:

*, 
*:after, 
*:before { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 0; 
    margin: 0; 
    outline: 0 !important; 
}

добавить outline:0 удалить эту уродливую границу навсегда LIVE DEMO

Или вы можете просто цель этого правила и применять outline : 0:

*:focus { 
    outline: 0 !important; 
}

LIVE DEMO

в IE9 это does't позволяет удалить это из линии, пока вы не будете использовать этот HTML тег:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

источник

2015-03-01 14:35:52

он работает для меня со всеми браузерами –

Да, проблема с контуром решена, но окно поиска по-прежнему перекошено! – aisiic

Я не знаю, какую версию IE вы используете, но это решение работает со всеми браузерами –

Застрявший ящик с использованием IE и Chrome

ответ

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