清除HTML的超链接样式,Markdown导出HTML，删除超链接下划线和字体样式

使用Markdown生成的HTML含有超链接的下划线，如下图

将Markdown导出的HTML文件放置在Blog文章中时，Markdown文件的超链接下划线样式会影响整个页面的超链接下划线样式，如下图

修改方法是，将Markdown导出的HTML页面中的 a 位置的 text-decoration: underline 改为 text-decoration: none 即可。@media screen and (min-width: 64em) {

.h1, h1 { font-size: 4.498rem; }

.h2, h2 { font-size: 2.29rem; }

.h3, h3 { font-size: 1.9rem; }

.h4, h4 { font-size: 1.591rem; }

#write > h4.md-focus::before { top: 4px; }

}

a { color: rgb(70, 63, 92); text-decoration: underline; }

#write { padding-top: 2rem; }

改为@media screen and (min-width: 64em) {

.h1, h1 { font-size: 4.498rem; }

.h2, h2 { font-size: 2.29rem; }

.h3, h3 { font-size: 1.9rem; }

.h4, h4 { font-size: 1.591rem; }

#write > h4.md-focus::before { top: 4px; }

}

a { color: rgb(70, 63, 92); text-decoration: none; }

#write { padding-top: 2rem; }

另外，删除下行，以避免影响页面字体html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }

body { margin: 0px; padding: 0px; height: auto; bottom: 0px; top: 0px; left: 0px; right: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; tab-size: 4; }

在使用github的Markdown主题时，删除一级标题设置(下划线)h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid rgb(238, 238, 238); }

删除字体

Markdown导出HTML，删除超链接下划线

清除HTML的超链接样式,Markdown导出HTML，删除超链接下划线和字体样式相关推荐

EasyExcel 设置字体样式（字体、字体大小、字体颜色、字体加粗、字体斜体、字体下划线、字体上标下标、字体删除线）
1 Maven配置 <dependency><groupId>cn.hutool</groupId><artifa ...
Unity超链接：支持点击事件，下划线以及自定义颜色
基于这篇: zyf2533 - Unity 超链接 Text 修正了一些bug,额外支持了下划线以及自定义颜色. /*https://blog.csdn.net/zyf2533/article/det ...
markdown学习笔记——字体/分割线/删除线/下划线
markdown字体 markdown可以使用一下几种字体: 斜体文本斜体文本粗体文本粗体文本粗斜体文本粗斜体文本代码如下: *斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ...
HTML常用字体样式设置（加粗、下划线、斜体）
有的时候,仅仅是价格要求,前面的符号小一点,后面的数字大一点,就没必要用SpannableString.用HTML简单处理即可效果图: 代码实现: //加粗:<strong>222< ...
Android 更改EditText下划线的颜色样式
当你使用AppCompatEditText(Edit Text)时,默认的下划线是跟随系统的#FF4081的颜色值的,通过改变这个值可以改变所有的颜色样式,但是有时候你想单独定义某一个界面的颜色样式, ...
vue导出excel表格，使用xlsx-style自定义字体样式，字体颜色，合并单元格，单元格填充色
一.需要依赖 npm install xlsx-style --save "^0.8.13" npm install xlsx --save "^0.18.5" ...
dephi(pascal)中修改Label字体的样式(加粗，斜体，下划线)
不废话,直接代码: Label1.Font.style:=[fsBold,fsItalic,fsUnderline]; //加粗.斜体,下划线
＜el-tabs＞改变样式（去掉下划线及其他样式）
elemen-ui官方文档中给的标签页是蓝色的,长这样我想要的样子: 这里重点是去掉原来的下划线以及鼠标悬停时的背景颜色,话不多说直接上代码: <div class="leftTab ...
VScode 插件 Markdown Preview Enhanced 给标题下划线
一.打开 style.less 文件搜索框搜索(快捷键ctrl+shift+f) Customize CSS,打开 style.less 文件二.修改 style 代码加入这段代码 h1 {bo ...
html不用css超链接去掉下划线,div css之去掉a超链接下划线样式
一.去掉字体下划线装饰CSS属性格式代码 text- 解释: CSS下划线格式单词:text- 不闪现下划线(去掉字体下划线花色):none 二.网页重构前初始化去掉超链接下划线由于有的浏览器默认情 ...

清除HTML的超链接样式,Markdown导出HTML，删除超链接下划线和字体样式

清除HTML的超链接样式,Markdown导出HTML，删除超链接下划线和字体样式相关推荐

最新文章

热门文章