[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; }

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

kirjailijasta
David Attard
Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/
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 ...