預兆的字體不是在移動版本正確對齊

HTML和CSS代碼

#tataCapital #employee-verify .employment-verification-form .employee-form .form-group.s { 
 
    width: 95%; 
 
} 
 
#tataCapital #employee-verify .employment-verification-form .employee-form .form-group input { 
 
    height: 60px; 
 
    padding-top: 0; 
 
    padding-bottom: 0; 
 
    margin: 2px 0 5px; 
 
    border-radius: 31px; 
 
    border: 1px solid #d5d5d5; 
 
    padding-left: 21px; 
 
    color: #211e1e; 
 
    font-weight: 600; 
 
    font-size: 1.2em; 
 
}

<div class="form-group s"> 
 
    <label class="control-label">Date of joining</label> 
 
    <input name="joiningDate" class="form-control date-picker hasDatepicker" placeholder="DD/MM/YYYY"> 
 
</div>

來源

2016-11-30 Narendra Naidu

代碼顯示我的CSS和HTML代碼 –

顯示您的代碼在這裏 –

我認爲你必須設置固定的高度爲input標籤，那麼你通過填充來安排這個值，這就是爲什麼你的價值沒有完全顯示。刪除您輸入身高見下文

input { 
 
    border: 1px solid #e4e4e4; 
 
    border-radius: 25px; 
 
    color: #000; 
 
    font-size: 15px; 
 
    padding: 15px 24px; 
 
    text-transform: uppercase; 
 
    width: 200px; 
 
}

<!doctype html> 
 
<html> 
 
<head> 
 
<meta charset="utf-8"> 
 
<title>Untitled Document</title> 
 
</head> 
 

 
<body> 
 
<input type="text" value="name" /> 
 
</body> 
 
</html>

來源

2016-11-30 10:07:18

你檢查這個代碼 –

肯定的，但沒有解決錯誤 –

做你刪除你的瀏覽器抓到？，哪個瀏覽器你有這個問題？ –

預兆的字體不是在移動版本正確對齊

回答

相關問題