0

我在一些 html 中有一个文本框，它附加了一个 jquery 按钮。如果用户输入一些文本，然后将焦点从文本框移开（使用选项卡或鼠标），那么文本框会莫名其妙地向下移动大约 4 个像素。

<div class='input-append'>
    <input class="tin" type="text" name="s" />
    <button class="btn btn-large btn-primary" type="submit">GO!</button>
</div>

和CSS：

.tin
{
    font: bold 1.9em sans-serif;
    height: 27px;
    -webkit-border-radius: 12px 0 0 12px;
    -moz-border-radius: 12px 0 0 12px;
    border-radius: 12px 0 0 12px;
    width: 480px;
}

Chrome 和 Safari 中发生了意外的动作，但 IE 似乎截断了一些输入的文本（文本框的外边框覆盖了相当大的文本的一些底部），这让我觉得它是也许是某种线高问题？

4

2 回答 2

1

只是纯粹的猜测。它可能与您的CSS有关。

例如：

.btn
{
    width: 90px;
}
.btn:focus
{
    width: 200px;
}
于 2012-12-04T14:01:58.850 回答
0

我试过你发送的代码。如果我这样写

<style type="text/css">
        .tin
        {// the css}
    </style>

然后问题被复制，如果我这样写

<script type="text/css">
        .tin
        {//css}</script>

您正在使用什么方法？

于 2012-12-07T02:54:39.507 回答