Css 在标记p:inputText中使用属性moz转换和webkit转换

我想在标签

的属性

style

中使用属性

-moz transition

和

webkit transition

。我尝试添加它，但它没有运行。我能做吗？

我去了你在评论中提到的地方。复制了css

我补充说

input:focus {
  -webkit-animation:inputHighlighter 1s ease;
  -moz-animation:inputHighlighter 1s ease;
  animation:inputHighlighter 1s ease;
}


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
    to  { width:0; background:transparent; }
 }
 @-moz-keyframes inputHighlighter {
   from { background:#5264AE; }
  to    { width:0; background:transparent; }
 }
 @keyframes inputHighlighter {
    from { background:#5264AE; }
    to  { width:0; background:transparent; }
  }

在我的css文件中

我没有在我的p:inputText中添加任何样式属性。我看到primefaces inputText上的动画没有任何问题。如果您添加了@Phate01 answered这样的代码，他们可能会发现错误。也许您在样式属性本身中添加了动画声明和调用？所以这不是问题

---

我的环境：Primefaces 5.3 Mojarra 2.2.10 EAP 6.4 JDK 8

这将适用于任何支持webkit的浏览器。这些样式与JSF/PrimeFaces的关系是什么？请添加一个示例代码Yes。我想一个页面登录相同。我没有在html中使用标记输入，而是使用了标记p:inputExt，我添加了它，但不像我想的那样工作。。。不是移动字符，而是调整字段的宽度

inputText

。所以，我可以使用另一种方法？没错。我想在我的表单登录中删除此效果。我很难理解。请在css文件中添加样式。然后只需在登录页面中编码普通的p:inputText。这是我的表单登录。然后是css文件。我对css不太了解。谢谢，嘿。你的css就是问题所在。在第23行之后，只需添加副本，并在我的答案中pase css代码，然后重试。让我知道