få backgroungcolor på element

Pt. er det ikke muligt i IE, men det er ellers muligt efter css-standarden, og virker f.eks. i Mozilla og Safari ...

.minInput{background:#345;}
.minInput:hover{background:#89a;}

-- hvis man skal lave samme nummer i IE skal man ud i andet end simpel javascript, da det er ret irriterende at hente værdier fra et stylesheet (man skal nemlig iterere igennem alle stylesheets og der iterere gennem alle selektorer og deres properties for at hente værdier ...

Men man kan f.eks.

<script type="text/javascript">var altbgcolor='#89a';</script>


<input class="minInput" type="text" onMouseover="this.style.backgroundColor=altbgcolor;" onMouseOut="this.style.backgroundColor='';">

-- med ovenstående deklaration i stylesheet !-)

Du kan også skifte class med mouseover
<input type="text" class="minklasse" onMouseOver="this.className='minklasse_hover'" onMouseOut="this.className='minklasse'">

Hmmmm tror jeg prøver lidt med det med at skifte klasse (slev om det er meget fjollet IE ikke understøtter det andet)

det er background-color:#FFFFFF;

hmmm kan ikke umidelbart på det til at virke.

dette er koden


ved i om det gør nogen forskel at jeg har angivet classen på min tabel


<input type="text" class="minklasse" onMouseOver="this.className='minklasse_hover'" onMouseOut="this.className='minklasse'"><html>
<head>
<style>
.search  {
    color : #AADE00;
    font-family : verdana;
    font-size : 8pt;
    font-weight : bold;
}

.search input  {
    font-size : 8pt;
}

.search select  {
    font-size : 7pt;
}

.search input, select  {
    color : Fuchsia;
    font-family : verdana;
    font-weight : normal;
    background-color : #505050;
    border : 1px solid #EFEFEF;
    border-style : solid;
    border-width : 1px;
    padding : 1px border-collapse: collapse;
}

.searchinputover  {
    background-color : Silver;
    color : Red;
}
</style>
</head>
<body>
    <table border="0" width="1" background="#000000" class="search">
        <tr>
            <td><b>Title</b> </td>
        </tr>
        <tr>
            <td><input type="text" name="title" size="20"> </td>
        </tr>
        <tr>
            <td><b>name</b> </td>
        </tr>
        <tr>
            <td><input type="text" name="name" size="20" class="" onMouseOver="this.className='searchinputover'" onMouseOut="this.className=''"> </td>
</tr>
</table>
</body>
</html>

hov

i skal se bort fra

<input type="text" class="minklasse" onMouseOver="this.className='minklasse_hover'" onMouseOut="this.className='minklasse'">

inden

<html>

i eksemplet oven over

den skriver det korrekt uden din table class

<ole>

Skift _aldrig_ klasse på mouse-events. Det performer ekstremt dårligt, da browseren skal spytte et nyt DOM-træ ud for hele dokumentet og parse det - hvergang der skiftes.
Det vil altid være væsentligt bedre og hurtigere at skifte de enkelte style-properties på elementet  ;o)

/mvh
</bole>

jeg vil prøve at huske det med klasse og mouse