日志标签：css

IE下图片链接有边框的解决办法

分类：网站技术日期：2012-03-04 - 18:28:42评论：14条作者：老谢

今天在修改一个页面，发现ie下显示图片链接有边框，如图所示：

IE下图片链接有边框的解决办法

解决办法如下：

img{ border:none;}

感谢独角鲸

Tags: ,

css自定义滑块样式

分类：折腾日期：2012-02-18 - 14:01:03评论：12条作者：老谢

作为一个爱折腾的博主，怎么能让自己的博客大众呢？windows默认的滑块太丑了，让我们用css自定义一个与众不同的样式吧！

/* webkit scroller */
::-webkit-scrollbar-thumb:vertical{height:10px;background-color:#ccc;}
::-webkit-scrollbar{width:14px;height:5px;background:#FFF;margin-right:15px;}

以上css扒自林木木童鞋的博客
以上样式加到主题所在目录的style.css即可，仅支持chrome浏览器！演示见老谢博客 ：）

Tags: ,

wp-syntax样式两款

分类：折腾日期：2011-09-02 - 16:21:14评论：5条作者：老谢

之前用，感觉看着不爽，今天适当改改，放出来与大家分享

第一款

wp-syntax样式两款

—————————————————————————————

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: auto;
}
 
.wp_syntax table {
  border-collapse: collapse;
}
 
.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}
 
.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
  width: 12px;
}
 
/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
  white-space: pre;
}

第二款

wp-syntax样式两款

—————————————————————————————

.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px;
  margin: 0 0 1.5em 0;
  overflow: auto;
}
 
/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: auto;
}
 
.wp_syntax table {
  border-collapse: collapse;
}
 
.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}
 
.wp_syntax .line_numbers {
  text-align: right;
  color: gray;
  overflow: visible;
  width: 12px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #00FF00;
}
 
/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height: 1.333;
  white-space: pre;
}
Tags: ,