jquery - jQuery UI 状态悬停

Question

我遇到了 jQuery UI 1.8.5 UI-state-hover 样式的问题，我有一个 XHTML 页面，该页面上定义了日期选择器和输入掩码，如下所示：

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

另外，我在这个页面上有几个按钮，我定义了 UI-state-hover 是这样的：

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

这里的问题是，

如果我将鼠标悬停在日期选择器或输入掩码上，日期选择器的输入字段的大小和时间输入掩码将被更改。如果我将边框样式从“实心”更改为“隐藏”，日期选择器和时间输入掩码工作良好，但按钮尺寸会更小。

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

Answer 1

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

边框将 1px 添加到您的全宽和全高 (+2px)。大纲没有。