繁体   English   中英

javascript和CSS样式表不起作用

[英]javascript and css style sheets not working

如何使Javascript输入文本看起来像HTML? 样式表未应用于Java脚本,但适用于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>

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

例如,您可能有:

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

将其更改为:

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

然后将脚本行更改为

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

如果您也发布了样式表,我的回答将更加准确。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM