Vaadin 中的文本字段未正确对齐文本

Question

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

有没有人知道为什么文本字段中的文本在 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-code:

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

.v-ie8 和 .v-ie9 指定 css 代码仅适用于 IE8 & IE9

Textfield in Vaadin does not align text correctly