返回列表 发帖

7.0版本的CSS样式已经可用,代码稍有变化

本帖最后由 lxfajj 于 2016-4-27 12:30 编辑

看了论坛网友chunwuzi的帖子,http://bbs.theworld.cn/thread-233497-1-1.html受到他的启发,本人对这代码不是很懂,所以只是把以前6的代码按照他写的格式替换了一点进去。果然可以用了。

下面是我自己的7.0正在用的,雅黑字体,阴影,去下划线。
html, body, *:not([class*="icon"]):not(i){font-family: "Microsoft YaHei" !important;text-shadow:0em 0em 0em #999999 !important;text-decoration:none !important}

本帖最后由 chunwuzi 于 2016-4-26 14:58 编辑

回复 1# lxfajj

去除超链接的下划线一般只加text-decoration:none !important就行了(文字修饰效果为:无),:not([class*="icon"]):not(i)这部分可以不用,这样看起来代码更简洁。
至于蓝色效果,我不知道你说的具体是怎样的,有时间我去试试!

TOP

楼主辛苦。。。顶一下!

TOP

提示: 作者被禁止或删除 内容自动屏蔽

TOP

回复  lxfajj

去除超链接的下划线一般只加text-decoration:none !important就行了(文字修饰效果为:无 ...
chunwuzi 发表于 2016-4-26 14:54


:not([class*="icon"]):not(i)是对付webfont,符号标志不渲染,不这样写淘宝天猫页面上经常会出现各种乱码!

另外附上个人用的css,卡饭收集的
  1. @charset "utf-8";
  2. /* Name:全局强制雅黑*/
  3. /*强制雅黑并修正淘宝显示*/
  4. /*三行分别是字体粗细(整百数字),字体样式,字体阴影*/
  5. *{font-weight:100!important;}
  6. *:not([class*="icon"]):not([class*="mui-amount"]):not([class*="chaoshi"]):not([class*="top-nav"]):not([href*="ju.taobao.com"]):not([class*="Icon"]):not([class*="prev"]):not([class*="next"]):not([class*="pay-"]):not([class*="tm-shop-list-"]):not(b):not(ins):not(i):not(s){font-family:"Microsoft YaHei"!important;}
  7. *{text-shadow: silver 0px 0px 1px ! important;}

  8. /*滚动条*/
  9. ::-webkit-scrollbar{width: 6px;height: 6px;}
  10. ::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;}
  11. ::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
  12. ::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
  13. ::-webkit-scrollbar {width: 9px;height: 9px;}
  14. ::-webkit-scrollbar-track-piece {background-color: transparent;}
  15. ::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3px;}
  16. ::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
  17. ::-webkit-scrollbar-thumb:active {background-color: #666;}
  18. ::-webkit-scrollbar-button:vertical { width: 9px; }
  19. ::-webkit-scrollbar-button:horizontal { width: 9px; }
  20. ::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
  21. ::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
  22. ::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
  23. ::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }
  24. body::-webkit-scrollbar-track-piece {background-color: white;}

  25. /*指向图片绿光*/
  26. img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
  27. img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}

  28. /*输入框美化*/
  29. input { border:#ccc 1px solid; border-radius: 6px; -webkit-border-radius: 6px;}
  30. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border: 2px solid #6FA1D9 !important;-webkit-box-shadow:0px 0px 5px #6FA1D9 !important;outline:none}
  31. input[type="checkbox"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input[type="radio"]:focus {border: 1px solid #6FA1D9 !important; outline:none}
  32. input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3px ;}
  33. body a:hover:active {color: #10bae0;}
  34. body a:focus {outline-offset: 0px ;}
  35. body button:focus,
  36. body textarea:focus, body button:focus, body select:focus, body input:focus {outline-offset: -1px !important;}

  37. /*淡蓝色样式*/
  38. a{-webkit-transition: all 0.3s ease-out;}
  39. a:hover{color: #39F  !important;text-shadow:-5px 3px 18px #39F !important;-webkit-transition: all 0.3s ease-out;}
  40. *::-webkit-selection {background: #333333 !important; color: #00FF00 !important; }

  41. /*去除下划线*/
  42. *{text-decoration:none!important}
  43. a:hover{text-decoration:none!important}
  44. a{
  45. /*color: #014A8F;*/
  46. -webkit-transition-property:color;
  47. -webkit-transition-duration: 0.0s;
  48. }

  49. /*指向文字加粗*/
  50. a:hover {
  51. /*color: #0000FF ;*/
  52. -webkit-transition-property:color;
  53. -webkit-transition-duration: 0.0s;
  54. font-weight:bold
  55. }
复制代码

TOP

以上css在tw6上和chrome、firefox上都是正常的,tw7渲染失败,个人猜想就是开发组又改了什么语法规则之内?果不其然!

TOP

代码怎么用?

TOP

回复 6# 实话实说


    能说一下改了什么吗,看你写的那些没看出有什么区别...

TOP

回复 6# 实话实说

你用的CSS每一部分的效果是什么呢?

TOP

回复  实话实说


    能说一下改了什么吗,看你写的那些没看出有什么区别...
yiben2005 发表于 2016-4-27 08:24


  说得很清楚了吧,直接用只能在tw6和原版chrome有效
tw7只有强制雅黑这条有效,学楼主在每段代码前面加上html, body,

其他语法还没试出来

TOP

回复  实话实说

你用的CSS每一部分的效果是什么呢?
stevenchenxf 发表于 2016-4-27 08:45



   每条代码都有汉字注释,还看不懂就不要用了!

TOP

本帖最后由 yiben2005 于 2016-4-29 10:05 编辑

回复 10# 实话实说


    不好意思,回复的时候以为是修改过可以用的。还有我没写清楚,我其实想问改了什么语法,因为没看出来语法上有什么区别...

TOP

返回列表