首页 > less的函数内只能写css属性?能写css选择器吗?

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
    })
}
【热门文章】
【热门文章】