less的函数内只能写css属性？能写css选择器吗？

问题描述

问 题

.placeholder(@a){
      &::-webkit-input-placeholder { /* WebKit browsers */
            @a
      }
      &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            @a
      }
      &::-moz-placeholder { /* Mozilla Firefox 19+ */
            @a
      }
      &:-ms-input-placeholder { /* Internet Explorer 10+ */
            @a
      }
}

input{
    .placeholder(color:@mainColor)
}

因为要给input的placeholder设置颜色，但是选择器却是不同浏览器都是不同的，所以想要写个函数把选择器都放里面，结果上面这种写法是不行的

解决方案

@mainColor: 'red';
.placeholder(@a){
      &::-webkit-input-placeholder { /* WebKit browsers */
            @a();
      }
      &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            @a();
      }
      &::-moz-placeholder { /* Mozilla Firefox 19+ */
            @a();
      }
      &:-ms-input-placeholder { /* Internet Explorer 10+ */
            @a();
      }
}

;

input{
    .placeholder({
          color:@mainColor
    })
}

这篇关于less的函数内只能写css属性？能写css选择器吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！