Padding links ist nicht gleich auf verschiedenen Arten von Elementen

Question

Ich habe ein kleines Problem mit dem linken Padding auf einer Texteingabe und und wählen Sie Eingabe nicht gleich. Die Select-Eingabe hat links etwas mehr Füllung als das Textfeld. Ich habe versucht, das Padding für beide Elemente explizit einzustellen, aber es hat nicht funktioniert. Ich verwende IE 10

Irgendwelche Vorschläge, wie kann ich sie gleich machen?

<style> 
    .reportControl{ 
    padding-left: 3px; 
    } 
<style> 



<select name="dd_reports" id="dd_reports" class="reportControl"> 
    <option value="3">Actual and Planned Projects</option> 
</select> 

<input name="tx_reportName" type="text" value="Actual and Planned Projects" id="tx_reportName" class="reportControl" /> 

Answer 1

Sie können die nächste input geben ein border-left von 3px und legen Sie die Farbe der gleichen Hintergrund sein, um es in zu machen mischen.

#tx_reportName { 
    border-left: 3px solid white; 
    border-top: 0px 
}