目前我尝试创建一个较小的mixin来为占位符添加样式.值通过对象传递.我现在的解决方案如下:
.placeholder(@rules){
&::-webkit-input-placeholder, &:-moz-placeholder,
&::-moz-placeholder,&:-ms-input-placeholder{
@rules();
}
}
Run Code Online (Sandbox Code Playgroud)
我试着像这样使用这个mixin:
input{
.placeholder({color:green})
}
Run Code Online (Sandbox Code Playgroud)
因此产生的更少:
input::-webkit-input-placeholder, input:-moz-placeholder,
input::-moz-placeholder, input:-ms-input-placeholder{
color: green;
}
Run Code Online (Sandbox Code Playgroud)
代码均衡已经像我想要的那样生成,但没有输入所希望的效果.但是,当我剪切代码并将其填入devtools时,它可以工作.有没有人发现错误.我不明白
Document.prototype.greenify = function(){
return {
style : function(){
return this.color = "green";
}
}
};
document.getElementsByTagName("H1")[0].greenify();Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>TEST</h1>
<script type="text/javascript" src="main.js"></script>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
嘿,外面,
我想建立一个“点函数”。我的试用功能应该使我的元素“绿色化”。我已经尝试将函数添加到 Window- 对象,但得到了相同的结果。所以,现在我的问题...我做错了什么或者我忘记了什么?我很感谢我收到的每一个答案:)