如何在wordpress中調整聯繫人表單7中的電子郵件字段寬度和高度

Question

我正在創建一個博客wordpress，其中我使用了contact form 7插件。這裏的電子郵件文本框看起來不同。 check here。

我不知道編碼的東西。如何使電子郵件文本框看起來像其他文本框？請幫我解決這個問題。

Answer 1

它目前看起來不同的原因是你的CSS代碼（的wp-content/themes/simple-catch/style.css線195）這一部分：

/* Form */ 
input[type=text], input.text, input.title, textarea, select { 
    background-color:#fff; 
    border: 1px solid #ccc; 
    color:#aaa; 
    padding:9px 10px; 
    font-style:italic; 
    width: 368px; 
    box-shadow: 0 2px 2px #e5e5e5 inset; 
    margin: 0 0 20px; 
} 

正如你所看到的，選擇不包括輸入，類型爲「郵件「並且您的電子郵件輸入沒有text或title的類別，所以此規則不會在電子郵件字段中觸發。

的解決方案是非常簡單的 - 這樣的選擇更改爲：

input[type=text], input[type=email], input.text, input.title, textarea, select { 

現在應該造型上的電子郵件輸入，以及對其他的文本輸入應用。

Answer 2

你的插件已經應用於你看到input[type='email']的風格，而不是input[type='text']

你對你的WordPress安裝自定義CSS插件？如果是這樣，您只需要將input[type='email']的屬性應用於input[type='text']即可。您可以在開發人員模式下在您的瀏覽器中找到這些樣式