MalcKear
千年狐狸
千年狐狸
  • UID35386
  • 注册日期2011-03-05
  • 最后登录2020-03-02
  • 发帖数1348
  • 经验131枚
  • 威望0点
  • 贡献值16点
  • 好评度10点
  • 社区居民
  • 忠实会员
阅读:2348回复:6

关于Firefox的下划线

楼主#
更多 发布于:2012-01-31 12:33

图片:QQ截图20120131123116.jpg


设置了强制去掉下划线,仅当悬停时,显示下划线,并改变链接颜色.

看到论坛定义的超链接下划线和文字部分分离的距离很恰当,如何应用到Firefox 样式中?
如图:第一个链接中,蓝色的链接下划线是悬停时显示的,和论坛定义的不重合,影响美观.

<!-- w --><a class="postlink" href="http://www.google.com">www.google.com</a><!-- w -->
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
1楼#
发布于:2012-01-31 12:33
论坛这个是伪下划线,所以跟你的那个不重合。
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http"),url-prefix("ftp") {
a {
text-decoration: none !important;

}

a:hover {
border-bottom-width: 1px !important;
border-bottom-style: solid !important;
border-bottom-color: -moz-use-text-color !important;
padding-bottom: 0pt !important;
} 
}
MalcKear
千年狐狸
千年狐狸
  • UID35386
  • 注册日期2011-03-05
  • 最后登录2020-03-02
  • 发帖数1348
  • 经验131枚
  • 威望0点
  • 贡献值16点
  • 好评度10点
  • 社区居民
  • 忠实会员
2楼#
发布于:2012-01-31 12:33
火狐用户问答 | 火狐社区 - http://mozilla.com.cn/qa/user/
这个也是么
MalcKear
千年狐狸
千年狐狸
  • UID35386
  • 注册日期2011-03-05
  • 最后登录2020-03-02
  • 发帖数1348
  • 经验131枚
  • 威望0点
  • 贡献值16点
  • 好评度10点
  • 社区居民
  • 忠实会员
3楼#
发布于:2012-01-31 12:33
alanfly:论坛这个是伪下划线,所以跟你的那个不重合。
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http"),url-prefix("ftp") {
a {
text-decoration: none !important;

}

a:hover {
border-bottom-width: 1px !important;
border-bottom-style: solid !important;
border-bottom-color: -moz-use-text-color !important;
padding-bottom: 0pt !important;
} 
}
回到原帖


这个只要是链接的都加了下划线,特别是对于图片链接,加了下划线感觉有点~
麻烦alan再改下~
3Q
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
4楼#
发布于:2012-01-31 12:33
3楼也是;
图片链接完全排除试了下没能做到,或者老实用underline:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http"),url-prefix("ftp") {
a {
text-decoration: none !important;

}
a:not([target="_blank"]):hover  {
border-bottom-width: 1px !important;
border-bottom-style: solid !important;
border-bottom-color: -moz-use-text-color !important;
padding-bottom: 0pt !important;
}

}
MalcKear
千年狐狸
千年狐狸
  • UID35386
  • 注册日期2011-03-05
  • 最后登录2020-03-02
  • 发帖数1348
  • 经验131枚
  • 威望0点
  • 贡献值16点
  • 好评度10点
  • 社区居民
  • 忠实会员
5楼#
发布于:2012-01-31 12:33
alanfly:3楼也是;
图片链接完全排除试了下没能做到,或者老实用underline:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http"),url-prefix("ftp") {
a {
text-decoration: none !important;

}
a:not([target="_blank"]):hover  {
border-bottom-width: 1px !important;
border-bottom-style: solid !important;
border-bottom-color: -moz-use-text-color !important;
padding-bottom: 0pt !important;
}

}
回到原帖

恩,这样也好~

能否看看这个问题好不好修改.....                
能否修改该滚动条样式为淡入淡出 • Mozilla Firefox中文社区 - read-42959
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-02
  • 发帖数2766
  • 经验577枚
  • 威望1点
  • 贡献值128点
  • 好评度99点
  • 社区居民
  • 最爱沙发
  • 忠实会员
6楼#
发布于:2012-01-31 12:33
不会;
css应该没有相关属性定位移动和静止状态。
游客

返回顶部