>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Разработка http://forum.mozilla-russia.org/viewforum.php?id=18 >Css - элемент в focus http://forum.mozilla-russia.org/viewtopic.php?id=3794 |
qborrd > 01-07-2005 18:53:40 |
Есть xml документ, как пример - http://borr.nm.ru/pub.xml - тут у меня небольшой архивчик, но это совершенно не важно, для отображения использую следующую колнструкцию:
вот, задача такая - как сделать так, чтобы узел file был воспреимчев к событию focus - то есть можно было в него выделять, как например <a> с параметром href, нужно для того, чтобы при обращении по такой ссылке - http://borr.nm.ru/pub.xml#fileId - этот элемент подсвечивался, просто написать file:focus {border: thin dotted invert;} - не работает, элемент в фокус берется, то есть мозилла переходит к нему, а выделятся не хочет, что можно сделать? css с описанием list и file находится тут - http://borr.nm.ru/pub.css |
ragnaar > 01-07-2005 19:34:39 |
а попробовать file:hover{...} например? |
irrox > 02-07-2005 19:57:58 |
Где фишек понатырил, дай ссылки? |
qborrd > 03-07-2005 20:32:01 |
ragnaar |
qborrd > 03-07-2005 21:10:08 |
вот пример сделал - в нем два примера - в первом - по ссылке должна в фокус браться кнопка, во втором - произвольный элемент - все хочу сделать с помощью Css, JavaScript не предлагать Выделить код Код:<?xml version="1.0" encoding="koi8-r"?> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head><title /> <style type="text/css"> <![CDATA[ form { margin: 1em; } input[type="button"] { padding: 0.5em 1em; font-weight: bold; font-family: "Bitstream Vera Sans"; border: medium solid gray; background-color: gainsboro; } input:focus { color: red; } #object:focus { color: red; } ]]> </style> </head> <body> <div><a href="#button">focus the button</a></div> <div> <form id="form" method="post" action=""> <div> <input id="button" type="button" value="button" /> </div> </form> </div> <div><a href="#object">focus the object</a></div> <div> <element id="object">object</element> </div> </body> </html> но ничего из этого не работает, по ссылкам не переходит - если вручную, то все работает, произвольный элемент - нет |