css - 在 Chrome 与 IE 中运行 ADF 应用程序

Question

所以，我有这个应用程序，它使用 LOV 从给定的元素列表中进行搜索。当我在 Chrome 中运行此应用程序时，我的 LOV 输入字段看起来与它在 IE 中的显示方式略有不同。此外，Chrome View 缺少允许您删除整个输入文本的“x”符号。为什么他们在 Chrome 和 IE 中有不同的行为？提前致谢!

浏览器 View

Chrome View

Answer 1

这是浏览器 native 控件的行为，而不是 ADF 引起的行为。

在 MS IE/Edge 和 G Chrome 中自行运行以下代码片段。您会注意到 IE 中第一个字段的“x”，但第二个字段中没有，因为它被 CSS 抑制了。如果这让您感到困扰，您可以在 ADF 元素中执行相同的操作。

input[id="a2"]::-ms-clear {
  display: none; 
}

<input type="text" label="With X" id="a1" value="Test"/>
<input type="text" label="Without X" id="a2" value="Test"/>