webForumDet fria alternativet

Styra utseendet på input type="text"

3 svar · 205 visningar · startad av ZeUs

ZeUsMedlem sedan nov. 2001127 inlägg
#1

Hur gör man för att styra utseendet endast på textrutor? Sitter och programmerar i Visual Studio. Jag vill ändra utseendet på textfälten i en datagrid. Det går inte att styra textrutorna direkt i koden utan jag får göra på följande vis:

INPUT
{

}

Men då ändras alla input objekt, även knappar osv. Jag vill bara ändra textrutornas utseende.

Undrar om det finns nåt i stil med A:hover...?
typ INPUT:button.. ?

Vore tacksam om nån kunde hjälpa mig med detta...

PepeJeriaMedlem sedan feb. 2003779 inlägg
#2

bästa sättet för Input är att skapa en class som du sedan anropar med <input type="text" class="txt1"> tex.

.txt1
{
/* din css */
}

IE:s CSS support är tyvärr ganska dålig. I Mozilla och Opera fungerar detta utmärkt för endast input type="text"

input[type=text]
{
/**/
}

Samma gäller hover effekt, fungerar inte i IE med enbart CSS, där får man scripta för att ändra på dess utseende vid hover. Men för Mozilla/Opera kan du:

input[type=text]:hover
{
width:600px;
}

:hover fungerar bara på länkar i IE har jag för mig.

ZeUsMedlem sedan nov. 2001127 inlägg
#3

Tack så mycket!
Testade i Opera och det fungerade mycket riktigt. Men då fick istället många andra objekt annat utseende. Ska visa att det fungerar i Opera när vi ska redovisa projektet.

PepeJeriaMedlem sedan feb. 2003779 inlägg
#4

Jag rekommenderar Mozilla starkt dock.

Genererad på 378 ms · cache AV · v20260730165559-full.f96bc7eb