Wie CSS Zeilenabstand zwischen ausgewählten Boxelementen erhöhen

Question

Ich möchte den Zeilenabstand zwischen ausgewählten Boxelementen erhöhen.

Ich versuche line-height und min-height, aber dies wirkt sich auf die Auswahl Box Elemente Abstand.

Welche Eigenschaft kann ich verwenden?

.input { 
    padding-bottom:5px; 
    margin-right:8px !important; 
    margin:4px; 
} 

Ich habe hier min-height:

select, textarea { 
    background: #eee; 
    border: 1px solid #aaa; 
    border-right-color: #ddd; 
    border-bottom-color: #ddd; 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
    width: 100%; 
    min-height: 30px; 
    font-weight: normal; 
} 

Hier habe ich line-height:

select, textarea { 
    display: inline-block; 
    height: 20px; 
    padding: 4px 6px; 
    margin-bottom: 5px; 
    font-size: 12px; 
    line-height: 20px; 
    color: #555555; 
    vertical-align: middle; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
} 

Answer 1

Wenn Sie Abstand in Elemente der Auswahlbox wollen, dann CSS anwenden auf Elemente nicht auf Auswahlbox.

Wählen Kastenelement ist <option>

verwenden css

select option { 
    line-height: 20px; 
}