css - 在标签p:inputText中使用属性moz-transition和webkit-transition

我想在标签-moz-transition的属性webkit-transition中使用属性style和<p:inputText>。我尝试添加它但无法运行。我可以做吗？

最佳答案

我去了您在评论中提到的link。复制了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这样的代码，那么他们可能会发现错误。也许您在style属性本身中添加了动画声明以及调用？因此，这不是素字问题。

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