Opera input background bug

operaAz Opera lehet, hogy csont nélkül viszi az acid tesztet, de ettől függetlenül okozhat pár meglepetést css tekintetében.

A probléma

Ha mondjuk egy input mezőnek adunk egy háttér képet, ami nem tölti ki a teljes input text mezőt, akkor az input háttere az alapértelmezett fehérről átlátszóvá módosul.

body{
  background-color:red;
  }
input#s{
  width:178px;
  border:1px solid #333;
  color:#000;
  background-image:url(images/nagyito.jpg);
  background-repeat: no-repeat;
  padding-left:20px;
  }

Aki nem látja a problémát az éppen nem Operával nézi a dolgot 🙂 Nekik leírjuk, hogy az input háttere piros lesz az elvárható alapértelmezett fehér helyett. Akinek tetszik az mondhatja, hogy megörökli a body-tól.

Megoldás

A megoldás rendkívül egyszerű, csupán a css definíciók között meg kell adnunk a background-color értéket.

Nem a megoldás a nagy durranás, hanem az, hogy lépten-nyomon beleütközhetünk a különböző böngészők eltérő alapértelmezett értékeibe, és az ezek miatt előforduló érdekes css hibákra, melyeknek debuggolása sosem tartozik az egyszerű hadműveletek közé.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.