IE рамка вокруг ссылки

[okunev2]

в css прописано свойство, но не помогает:

:focus {outline: 0;}

[wwt]

версия IE случаем не ниже 8 ?

а вообще для IE6-7 нуна добавлять событие ибо они не понимают ни :focus ни outline:

<style>
:focus {outline:none;}
</style>
<button onclick="this.blur();">button</button>

Edited January 10, 2013 by wwt

[klierik]

/* for the button.button */
.button { 
border:0; padding:0; margin:0; background:transparent; overflow:visible; cursor:pointer; vertical-align:middle; 
}
.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

[wwt]

/* for the button.button */
.button {
border:0; padding:0; margin:0; background:transparent; overflow:visible; cursor:pointer; vertical-align:middle;
}
.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

Каким боком это относится к IE и теме?

[klierik]

Каким боком это относится к IE и теме?

хм. совершенно верно. никаким.

я неправильно понял проблему.

Решение для ИЕ следующее:

[color=#000000][font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace]
a:focus, [/font][/color][color=#000000][font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace]
*:focus {[/font][/color][color=#000000][font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace]
	noFocusLine: expression(this.onfocus=this.blur());[/font][/color][color=#000000][font=Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace]
}[/font][/color]

хотя я бы не убирал этот бордер как минимум потому что я знаю зачем он нужен.

[wwt]

Каким боком это относится к IE и теме?

хм. совершенно верно. никаким.

я неправильно понял проблему.

Решение для ИЕ следующее:

a:focus,

*:focus {

noFocusLine: expression(this.onfocus=this.blur());

}

хотя я бы не убирал этот бордер как минимум потому что я знаю зачем он нужен.

:focus понимает только IE8+

да и "...noFocusLine: expression..." не валидно. )) лучше уж прописать событие в теге, либо централизовано его добавить на страницу в <script></script>

Хотя это имхо. И каждый волен делать как ему удобнее и больше нравится )

Edited January 11, 2013 by wwt

[klierik]

:focus понимает только IE8+

да и "...noFocusLine: expression..." не валидно. )) лучше уж прописать событие в теге, либо централизовано его добавить на страницу в <script></script>

Хотя это имхо. И каждый волен делать как ему удобнее и больше нравится )

предложенный мой пример универсальный и вполне может быть добавлен в основной файл стилей. а можно вынести експрешн в отдельный файл.

и использовать термины "IE" и "валидность" для IE8- в одном предложении -- по сути бредово.

Вешать на тег - избыточно. Самое плохое решение в даном случае.

А вот вариант для <script> вполне может быть.

Но я бы все равно не стал бы убирать бордер.

[wwt]

:focus понимает только IE8+

да и "...noFocusLine: expression..." не валидно. )) лучше уж прописать событие в теге, либо централизовано его добавить на страницу в <script></script>

Хотя это имхо. И каждый волен делать как ему удобнее и больше нравится )

предложенный мой пример универсальный и вполне может быть добавлен в основной файл стилей. а можно вынести експрешн в отдельный файл.

и использовать термины "IE" и "валидность" для IE8- в одном предложении -- по сути бредово.

Вешать на тег - избыточно. Самое плохое решение в даном случае.

А вот вариант для <script> вполне может быть.

Но я бы все равно не стал бы убирать бордер.

не вижу тут ничего бредового ) главная проблема даже не в невалидном свойстве , правило для которого можно вынести в отдельный css файл, и закрыть условными комментариями, а в не поддерживаемом IE8- :focus )) хоть с еспрешном хоть без IE8- этого всеравно не поймут )

Да и я не критиковал ваше решение, я просто высказал свое мнение что я бы не стал так делать )