Varjon poistaminen tekstiruudusta CSS: ssä

Jotkin selaimet lisäävät varjostusta Web-lomakkeiden tekstiruutuihin. Varjostus on osa olio-selaimen muotoilua, joka vaihtelee selaimen ja selaimen välillä. Oletustyylit saattavat joskus tehdä Web-sivuja huonosti suunnitelluiksi, mutta voit poistaa oletusasetukset käytöstä CSS: n avulla. Rajastyylien asettaminen tekstiruutuihin CSS: ssä tekee selaimista pudottamalla oletusrajat ja varjot.

1.

Avaa sivustosi tyylisivu, tai luo uusi. Kun luot uuden tyylisivun, tallenna se CSS-tiedostona samaan hakemistoon kuin sivustosi. Lisää tämä koodirivi alla olevien merkkien alle HTML-sivulla jokaisen sivun kohdalla:

Muuta ”href” -arvoa tyylisivullesi johtavaan tiedoston polkuun.

2.

Kirjoita tyylisääntö, joka kohdistuu kaikkiin tekstiruutuihin. Web-suunnittelussa ja ohjelmoinnissa tekstikenttä on parin "" -tunnisteen tulos. Jos haluat tehdä kaikki tekstinsyöttökentät, myös kohdetunnisteet. Koska ”” -merkinnöissä on myös lähetyspainikkeita, määritä ”” -merkit, joissa on ”text” -tyyppinen attribuutti:

textarea, input [type = 'text'] {}

3.

Aseta rajaominaisuus tyylisäännön sisällä:

textarea, input [type = 'text'] {border: 1px kiinteä musta; }

Raja-ominaisuus ottaa kolme arvoa, alkaen leveydestä pikseleinä, reunustyyli ja väri. Määritä värit käyttämällä nimiä tai heksidimaalikoodeja.