[Kuinka] Muuta Yhteydenottolomake 7 Paikkamerkin tekstin väri

Tiesitkö, että yhteydenottolomakkeen 7 avulla voit muuttaa paikkamerkkitekstin väriä?

Jos olet koskaan käyttänyt yhteydenottolomaketta 7, olet ehkä huomannut, että sillä on oletusarvoinen paikkamerkkitekstin väri. Voit muokata paikkamerkkitekstiä käyttämällä Yhteyslomake 7: n sisäänrakennettuja vaihtoehtoja-tai jopa muokata sitä CSS: n avulla!

Tässä artikkelissa kerrotaan, miten voit muuttaa yhteydenottolomakkeen 7 paikkamerkkitekstin väriä, ja annetaan esimerkkejä molemmista menetelmistä.

Sisällys[show]

Olemme havainneet, että monilla tukifoorumin asiakkailla on ongelmia yhteydenottolomakkeen 7 paikkamerkkitekstin fontin värin asettamisessa tai muuttamisessa.

Yhteydenottolomake 7 on yksi suosituimmista WordPress -laajennuksista, jonka avulla voit luoda perus- tai monimutkaisia ​​yhteydenottolomakkeita WordPress -sivustollesi. Olemme jo kirjoittaneet kuinka korjata virheet yhteydenottolomakkeen 7 viestien lähettämisessä.

Näytämme sinulle, miten voit muokata tekstin väriä mukautetulla koodilla: Jos et tunne koodausta, mutta tarvitset yksinkertaisempaa ja helpompaa käyttää lomakkeiden muodostuslaajennusta, kokeile WPForms-ohjelmaa.

CSS CF7 -paikkamerkille

::-webkit-input-placeholder { /* WebKit browsers */
    color: #000 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000 !important;
    opacity: 1;
}

Käytä! Tärkeää tunnistetta

"! Tärkeää" -tagia käytetään takaamaan, että näihin CSS -valitsimiin ei sovelleta muita tyylejä. Tämä varmistaa, että tyyli toimii. Jos haluat käyttää tyyliä vain yhteydenottolomakkeen 7 kentissä, voit käyttää tätä:

.wpcf7 ::-webkit-input-placeholder { / * WebKit-selaimet * / color: #000! fontos; opasiteetti: 1; }

Jos haluat paljastaa sivustollesi yhden tietyn yhteydenottolomakkeen muuttamatta muita yhteydenottolomakkeita 7, etsi lomaketunniste seuraavasti:

muuta cf7 -paikkamerkkiteksti

Napsauta kyseistä elementtiä hiiren kakkospainikkeella ja valitse Tarkista elementti. Pikanäppäimet: F11 (Windows) tai CMD + VAIHTO + C (MAC) Paikanna tunnus ja korvaa 'wpcf_id' sillä tässä koodissa:

#wpcf_id :: paikkamerkki {väri: #000! tärkeää; opasiteetti: 1; }

Haluatko nopean verkkosivuston?

Ketä minä vitsailen? Emmekö me kaikki?

Joten miksi niin monet meistä kamppailevat?

Suurin haaste on yleensä nopean ja luotettavan hosting-yrityksen löytäminen.

Olemme kaikki käyneet läpi painajaisia ​​- tuki kestää ikuisuuden tai ei ratkaise ongelmaamme aina syyttämällä jotain sinun puolellasi... 

Mutta suurin ongelma on, että verkkosivusto tuntuu aina hitaalta.

At CollectiveRay isännöimme InMotion-isännöinnillä ja verkkosivustomme on typerä ja nopea. Käytämme mukautettua LightSpeed-palvelinasennuspinoa MariaDB:ssä PHP7.4-moottorilla ja Cloudflaren kautta. 

Yhdessä käyttöliittymäoptimointiemme kanssa palvelemme luotettavasti 6000 käyttäjää joka päivä, yli 50 samanaikaisen käyttäjän huipulla. 

Haluatko saada nopean asennuksen kuten meidän? Siirrä sivustosi ilmaiseksi InMotion-isännöintiin ja saat 50 %:n alennuksen nykyisestä hinnasta.

Kokeile InMotion Hosting -palvelua 50 % alennuksella CollectiveRay vieraita sisään maaliskuu 2023 VAIN!

InMotion-isännöinti 50 %:n alennus CollectiveRay Vierailijat

Voit jättää huomautuksen tai esittää kysymyksen alla!

kirjailijasta
David Attard
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...