javascript 和 css 样式表不起作用

标签 javascript html css

如何使 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>

最佳答案

在样式表中搜索适用于文本类型输入的 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 样式表不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13975400/

相关文章:

php - 使用 AJAX 调用 PHP 文件

html - 在 ie7 中右对齐内联 block 元素

javascript - 删除鼠标悬停时的 Canvas 矩形边框

css - 为什么我在这个 vb.net asp :repeater no matter what i do on rgroups itembound 中找不到控件 txt

javascript - 调试时 Ajax 调用不起作用 ="false"(ASP.NET MVC)

javascript - 通过 Redux 和 Redux 路由器处理用户身份验证

javascript - IFrame 不适用于本地资源? HTML

JavaScript 获取子元素

css - iPad 覆盖问题

css - 如何使图像侧边栏响应