Css - элемент в focus

qborrd · №1

Есть xml документ, как пример - http://borr.nm.ru/pub.xml - тут у меня небольшой архивчик, но это совершенно не важно, для отображения использую следующую колнструкцию:

<list>
<file class="dir"><a href="/">...</a></file>
<file id="fileId"><a>$file-name</a><size>$size</size></file>
</list>

вот, задача такая - как сделать так, чтобы узел 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

Отредактировано qborrd (01-07-2005 18:56:09)

ragnaar · №2

а попробовать file:hover{...} например?

irrox · №3

Где фишек понатырил, дай ссылки?

qborrd · №4

ragnaar
file:hover - это событие, когда мышь над элементом, это не годится, я говорб про фокус подобный фокусу на button, например.
irrox
что за фишки?

qborrd · №5

вот пример сделал - в нем два примера - в первом - по ссылке должна в фокус браться кнопка, во втором - произвольный элемент - все хочу сделать с помощью 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>

но ничего из этого не работает, по ссылкам не переходит - если вручную, то все работает, произвольный элемент - нет

Полезная информация

№101-07-2005 18:53:40

Css - элемент в focus

№201-07-2005 19:34:39

Re: Css - элемент в focus

№302-07-2005 19:57:58

Re: Css - элемент в focus

№403-07-2005 20:32:01

Re: Css - элемент в focus

№503-07-2005 21:10:08

Re: Css - элемент в focus

Код:

Board footer