jQuery UI状态悬停

Question

我遇到了jQuery UI 1.8.5 UI状态悬停样式的问题，我在这个页面上定义了一个带有日期选择器和输入掩码的XHTML页面，如下所示：

<p:calenda value='#dateBean.fromDate'>
<p:inputMask value='dateBean.fromTime'>

此外，我在这个页面上有几个按钮，我定义了UI状态悬停，如下所示：

border: 1px solid #99ccff;
background: #3a71c9 url(images/s.png) 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;

这里的问题是，

如果我将鼠标悬停在日期选择器或输入掩码上，日期选择器和时间输入掩码的输入字段大小将会改变。如果我将边框样式从“solid”更改为“hidden”，日期选择器和时间输入掩码工作正常，但按钮大小会更小。

任何可以帮助我的人，非常感谢提前。

Answer 1

outline: 1px solid #99ccff;
background: #3a71c9 url(images/s.png) 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;

border将1px添加到您的全宽和高度（+ 2px）。大纲没有。