выровнять текст внутри «выбора ввода»

Question

У меня есть простая форма с CSS, и есть выбор с этим стилем:

.mysub_item select {
    height: 29px;
    width: 142px;
    background: url("/images/input-background.png") no-repeat scroll 0 4px transparent;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    color: #4B4B4D;
}

и текст внутри этого выделения всегда выравнивается по верхнему и левому краям; Есть ли способ, которым я могу переместить этот текст?

удивительно, что IE7, IE8 и IE9 устанавливают этот текстовый центр вертикально.

Answer 1

Вам просто нужно добавить отступы к стилю, а затем соответственно отрегулировать высоту и ширину.

, например

padding: 5px;

Высота теперь равна вашей первоначальной высоте - 10 пикселей (отступы 5 пикселей сверху и снизу) Ширина теперь равна вашей исходной ширине - 10 пикселей (отступы 5 пикселей слева и справа)

Также, как предложил @peduarte, вы можете добавить line-height, что на самом деле дает тот же результат, что и для заполнения.

Answer 2

Изменить высоту на height: 22px;

Answer 3

попробуйте это, может помочь вам

.mysub_item select {
    height: 29px;
    width: 142px;
    background: url("/images/input-background.png") no-repeat scroll 0 4px transparent;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    color: #4B4B4D;
    vertical-align:middle;
    line-height:1.8;
}

Answer 4

Добавить это свойство в CSS

text-align:center