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设置颜色,但是选择器却是不同浏览器都是不同的,所以想要写个函数把选择器都放里面,结果上面这种写法是不行的

阅读 4.1k
1 个回答
@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
    })
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进