随笔 - 317, 文章 - 0, 评论 - 453, 阅读 - 114万
  博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

css杂记

Posted on   PHP-张工  阅读(198)  评论(0编辑  收藏  举报

禁止CHROME焦点在输入框时显示外边框: outline:none;

禁止CHROME中textarea能改变大小功能:resize:none;

按钮样式

复制代码
    textarea
{
resize
:none;
outline
:none;
}

input[type=button]
{
border
:solid 1px gray;
background-color
:#eff;
padding
:3px 10px;
*padding
:0px 3px;
*padding-top
:3px;
border-radius
:3px;
-webkit-box-shadow
:1px 1px 3px #666;
}

input[type=button]:hover
{
background-color
:#fef;
-webkit-box-shadow
:1px 1px 3px red;
-moz-box-shadow
:1px 1px 3px red;
box-shadow
:1px 1px 3px red;
}
复制代码

tooltip

复制代码
    <style type="text/css">
a
{
position
:relative;
}
a span
{
display
:none;
}
a:hover span
{
display
:block;
position
:absolute;
top
:15px;
left
:0px;
border
:solid 1px gray;
padding
:5px;
background-color
:#eff;
}
</style>
<a href="javascript:alert(1);">开始<span>haha</span></a>
复制代码




努力加载评论中...
点击右上角即可分享
微信分享提示