0

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

https://raw.github.com/blackberry/jQueryMobile-BB10-Theme/master/kitchenSink/lib/BlackBerry-JQM-all.css

https://raw.github.com/blackberry/jQueryMobile-BB10-Theme/master/kitchenSink/lib/BlackBerry-JQM-all.js

http://jsfiddle.net/zaDN2/

<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>

4

1 回答 1

0

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

例如，您可能有：

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

将其更改为：

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

然后将脚本的行更改为 

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

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

于 2012-12-20T15:42:02.017 回答