javascript和css样式表不工作

如何使Javascript输入文本看起来像HTML？样式表未应用于Javascript，但适用于HTML

函数setContent（id，msg）
{
var ele=document.getElementById（id）；
if（ele）{
ele.innerHTML=msg；
}
}
函数onPageLoad（）
{
变位扇；
八字=''；
setContent（“content”，sPlay）；
}

---

在样式表上搜索应用于文本类型输入的css类

例如，您可能有：

input[type='text']
{
    background:red;
}

将其更改为：

input[type='text'], .jsinput
{
    background:red;
}

然后将脚本的行更改为

 sPlay = '<input class="jsinput" type=text id=tPlay1 placeholder=Play_JS>';

sPlay=''；

---

如果你也发布了样式表，我的回答会更准确。

你能做一个演示吗？完成了，样式表没有用JSFIDLE正确加载，在Chrome/BB 10浏览器中工作正常样式表没有加载，因为文件中的mime类型错误。mime类型是text/plain，而不是fiddle中的text/css。也可能是css没有加载，因为它是通过HTTPS请求的，而JSFIDLE页面本身是HTTP。很抱歉出现了这样的问题，请笑一下，我正在花更多的时间尝试在fiddle中使用它，如果您创建一个.html页面，它就可以正常工作（这个问题正确地显示出来）正如我从他的代码中理解的那样，他使用JS生成输入，所以如果你直接应用css类，它可能会起作用。不，你不明白，该属性（红色背景）将应用于所有输入类型文本以及他使用JS生成的单个控件（将具有.jsinput类的控件）在这种情况下，css中仍然存在一个bug。在两个选择器之间添加一个逗号。我认为这就是解决方案，只需寻找银弹就可以让它们一起工作！明白了，在CSS中找到了答案（这个有点像noob）class=ui输入文本-非常感谢各位！

 sPlay = '<input class="jsinput" type=text id=tPlay1 placeholder=Play_JS>';