分类 "CSS" 下的文章

问题:如何给字加上着重号?

解决:使用font-emphasize时失败,因为浏览器不支持,但浏览器有text-emphasize

方法:

火狐浏览器支持
text-emphasis-color:#000;
text-emphasis-style:circle;
text-emphasis-position:under right;

chrome浏览器
-webkit-text-emphasis-color:#000;
-webkit-text-emphasis-style:circle;
-webkit-text-emphasis-position:under right;

简介:简单的模态框代码

HTML:

<!-- 弹窗 -->
<div class="backdrop"></div>
<div class="modal-box" id="folder_modal">
    <div class="modal-content">
        <div class="modal-header">
            <label class="modal-title">移动到</label>
            <i class="fr modal-close fa fa-close"></i>
        </div>
        <div class="modal-body">
        </div>
        <div class="modal-footer">
            <button type="button" class="mt-button" id="submit_btn">确定</button>
            <button type="button" class="mt-button-light" id="cancel_btn">取消</button>
        </div>
    </div>
</div>

阅读全文

问题:如何使用html,css实现问号提示信息?不使用js

解决:使用hint.css或自己写

方法:

方法一:

使用hint.css
http://kushagragour.in/lab/hint/

方法二:

<div id="content">
    <div class="help-tip">
        <p>This is the inline help tip! You can explain to your users what this section of your web app is about.</p>
    </div>
    <p>此代码共3种演示效果,请点击上面的按钮进行切换。</p>
    <p>鼠标移到右侧的“?”问号上查看效果。</p>
</div>

阅读全文

问题:如何去除input,textarea focus时的边框
解决:使用outline
方法:
css样式 outline:none;