use html tag is wrong #215

zhiqiang21 · 2017-01-16T06:19:37Z

when i use rainbow occure something not good

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>示例</title>
    <link rel="stylesheet" type="text/css" href="./lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="./lib/monokai.css">
</head>

<body>
    <h3>代码示例</h3>
    <pre>
        <code data-language="html">
            <div class="alert-content">
                    <div class="alert-txt">我是内容区域我是内容区域我是内容区是内容区区域我是内容区域我是内容区域</div></div>
                <div class="btn-common alert-form">
                    <div class="btn-cancle">取消</div>
                    <div class="btn-submit">确定</div>
                </div>

        </code>
    </pre>
    <script src="./lib/rainbow.min.js"></script>
</body>

</html>

html end tag not right。 i don't know what to do .

artemhp · 2017-02-27T11:09:26Z

Hello, your issues occur because of bootstrap.css.
It has .close selector in the global scope.

As for me, quick solution - overwrite all values properties for .class

pre .close {
	float: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-shadow: none;
	filter: inherit;
	opacity: inherit;
}
        
pre .close:focus,
pre .close:hover {
	text-decoration: inherit;
	cursor: inherit;
	filter: inherit;
	opacity: inherit;
}

But stay some issue with close:focus, close:hover.
I think that you need just to overwrite manual depending on your theme.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

use html tag is wrong #215

use html tag is wrong #215

zhiqiang21 commented Jan 16, 2017

artemhp commented Feb 27, 2017 •

edited

Loading

use html tag is wrong #215

use html tag is wrong #215

Comments

zhiqiang21 commented Jan 16, 2017

artemhp commented Feb 27, 2017 • edited Loading

artemhp commented Feb 27, 2017 •

edited

Loading