Eräät nettiselaimet tukevat CSS-muotoilun asettamista myös sellaisiin verkkolomake-elementteihin, jotka on otettu pois käytöstä. Että jotta tuota jos siis lomakkeessa on sellainen nappula tai tekstikenttä, or whatever, se on ilmoitettu nettisivun lähdekoodissa jotakuinkin näin:
disabled="disabled
Tässä vaiheessa täytyy tunnustaa, että kirjoitan tätä blogimerkintää vailla käytännössä todettuja testituloksia. En jaksa. Pitäisi mennä nukkumaan. Tuohon yllä näkyvään merkkaukseen voidaan tarttua (todennäköisesti) CSS-tiedostosta käsin vaikkapa näin:
[disabled] { oma merkkaus tähän }
Voidaan tarkentaa tuota merkkausta ulottamalla sen koskemaan vain sellaisia button-nappuloita, jolloin CSS voisi näyttää tältä:
button[disabled] { oma merkkaus tähän ]
Tämä disabloituja elementtejä kyykyttävä CSS-merkkaus toimii ainakin Mozilla Firefoxissa.
Tagit: css
Tämän julkaisun kommentointi on suljettu.
Kun tämän julkaisun kommentointi oli vielä avoinna, tälle julkaisulle kirjoitettiin yhteensä 2 kommenttia. Tämä artikkeli on lokeroitu kategoriaan . Tämän julkaisun kestolinkin osoite on http://www.kuopassa.com/weblog/2007/11/10/disableddisabled.
Aleksi kirjoitti 185 päivää sitten:
Samalla tavalla voidaan tyylitellä mitä tahansa elementtejä. Homman nimi on attribute selector. (http://www.w3.org/TR/css3-selectors/#attribute-selectors)
Esimerkiksi kaikki linkit, joiden osoite alkaa http://www.kuopassa.com/, saataisiin vaaleanpunaiseksi seuraavasti:
a[href^=“http://www.kuopassa.com/”] { color: magenta; }
Petri kirjoitti 184 päivää sitten:
Hmm, hmm. Kiehtovaa. Interesting. Pitäisi testailla miten hyvin nuo CSS3-ominaisuudet pelaavat tässä tuoreimmassa Mozilla Firefoxissa ja vastaavasti miten huonosti taas Internet Explorerissa.
(Aleksin kommentissa viimeisellä rivillä näkyy tuo CSS-koodirivi, jossa on lainausmerkit heitetty kovin koristeellisiksi. Johtuu Textpatternin Textile-muotoilusta. Jos joku siis meinaa kokeilla ko. koodia, niin sen lainausmerkit pitäisi muistaa korvata sellaisiksi tavallisiksi.)