Question

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

<html>
<head>
    <link rel="stylesheet" href="lib/BlackBerry-JQM-all.css" />
    <script src="lib/BlackBerry-JQM-all.js"></script>
</head>
<body onLoad="onPageLoad()">
    <div data-role="content" id=content></div><!-- /content -->
    <input type=text id=tPlay2 placeholder=Play_HTML>
    <script type="text/javascript">
        function setContent(id, msg)
        {
            var ele = document.getElementById(id);
            if (ele) {
                ele.innerHTML = msg;
            }
        }
        function onPageLoad()
        {
            var sPlay;

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

            setContent("content", sPlay);
        }
    </script>
</body>

Answer 1

在样式表中搜索适用于text

类型输入的css类例如，你可能有：

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

将其更改为：

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

然后将脚本行更改为

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

如果您发布了样式表，我的答案会更准确。

javascript和css样式表不起作用

1 个答案: