添加FireFox下的边框圆角
起因是换了DDDSpace.com 这个域名,需要测试邮件回复情况,我发现在在iGoogle的GMail小窗口显示着实有些难看,就修改了一下样式,添加了圆角 、增加了padding值,唔,这个圆角不对IE系列有效果。 增加圆角的部分如下: -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 修改之后的Mail To Commenter 模板如下 <div style="border: 1px solid rgb(183, 183, 183); margin: 1em 40px; padding: 5pt 15px; background-color: #CCFFFF; color: rgb(17, 17, 17);-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;"> <p>Hi!<strong>%user%</strong>,你在 <strong>%post_title%</strong> 上的评论有了新回复</p> </div> <div style="border: 1px solid rgb(183, 183, 183); margin: 1em 40px; padding: 5pt 15px; background-color: #CCFFFF; color: rgb(17, 17, 17);-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;"> <p>>><strong>你</strong> 说:<br/> %your_comment% <p>>> <strong>%comment_author%</strong> 回复说: <br/> %reply_comment% <p>>> 查看原文,请至: <a href="%comment_link%" target="_blank">%comment_link%</a></p> <p style="float: right;"> ---- From <a target="_blank" href="%blog_link%/"><strong>%blog_name%</strong></a></p> </div> 效果演示如下 ...