Sivuillani on normaali select valinta boksi, määritän sille tyylit ja laitan selectille taustavärin. Firefox näyttää silloin paksut reunat (varjostaen), ikäänkuin selectin kenttä olisi itse sivua alempana, eikä sivun tasolla. Siis todella ruman näköisesti. Jos poistan taustavärin niin ylimääräset reunat katoaa. Joten miten saisi Firefoxin tajuamaan noin yksinkertaisen jutun oikein?
input,textarea,select {
background: #eee;
border: 1px solid #bbb;
}
input,textarea,select {
background: #eee;
border: 1px solid #bbb;
}
Vastaukset 5
Vanhimmat
Viititkö pistää vaikka yksinkertaisen esimerkin milloin tuo ilmenee?
Tässä on tutun tutun tilalla oleva esimerkki. http://personal.inet.fi/koti/jotakin2/ Laitoin esimerkkiin mukaan kuvan, josta asia selviää hyvin.
Valintaboksessa Firefoxilla ilmenee toi ongelma, mutta tekstikentät näkyy sensijaan oikein kapealla reunuksella. Eihän toi tavallaan ole suuri vika, mutta silmiinpistävä jonka mielellään korjaisi.
Selectin reunusten määrittelyä ei ole css:ssä.
Opera taitaa olla ainoa selain jossa tuo toimii (vahingossako?),
Onko tosiaan noin?
Aika tyhmältä tuntuu, jos css:n standartissa noin on, tekstikentille on, mut selecteille ei. Kyllä asia toimii monessakin selaimessa Operan lisäksi esim IE6 ja Netscape7 näyttävät ongelmitta.
Jotenkin tuntuu, että Firefoxissa bugi, koska ilman selectin taustaväriä reunusten määrittely onnistuu, mutta taustavärin kanssa ei.
Onkohan Firefoxille olemassa mitään css hakkia, mitkä muut selaimet tajuaa, mutta Firefox ei, näin voisi jättää Firefoxilta selectin taustavärin pois ja muille laittaa.
hakusanoilla:
css select border hack
tuotti seuraavaa:
Option 1Option 2
Kovin epävarmoilta vain tuntuivat selostukset asiasta. Ei ole kaiketi niitä kaikkein selvempiä asioita nämä lomakkeen osien css-muotoilut.