.focus and :focus

[sakii]

Hi,

This been buzzing me.

#id .class .class2 input[type=”submit”] {
opacity: 0;
}
#id .class.focus .class2 input[type=”submit”] {
opacity: 1;
}

Why does this is able to change the opacity to 1 when i click onto the text input box ? When we should use :focus instead ?

[Paulie_D]

.focus is a class that could do anything.

:focus is a pseudo-class that is applied when a element has received focus, either from the user selecting it with the use of a keyboard or by activating with the mouse (e.g. a form input).

[sakii]

hmm but in the whole css i don’t find any .focus class. but somehow it worked like when the text input was focus , the opacity of submit input will become 1.

Is this the work of javascript ?

[__]

Is this the work of javascript ?

That’s possible, but there’s no way we could know. Is there any javascript on your page that uses the classname “focus”?

hmm but in the whole css i don’t find any .focus class

Do you mean, in your html?

CSS has a class selector, but the classes (classnames) themselves are declared in your html.

[Author]

Posts