Vaadin中的Textfield无法正确对齐文本

Question

我知道IE版本9已经过时，但客户希望这样..

有没有人知道为什么Textfield中的文本在Internet Explorer 9中看起来像这样：

当我突出显示文字时，它会对齐好。我使用Valo主题并创建文本字段如下：

final TextField givenName = new TextField("Voornaam:");
givenName.setWidth("132px");
givenName.addStyleName("textfield");
givenName.setValue(value);

CSS：

.textfield{
    margin-left: 5px;
}

谢谢！

Answer 1

尝试将以下规则添加到css-textfield定义中：

CSS：

.textfield{
    margin-left: 5px;
    line-height: 32px;
    padding-top: 0px;
    padding-bottom: 0px;
}

Answer 2

Vaadin的解决方案是添加以下css代码：

.v-ie8 .textfield, .v-ie9 .textfield{   
  margin-left: 5px;
  height: 32px;
}

.v-ie8 和。 v-ie9 指定仅适用于IE8＆amp;的css代码。 IE9