2

有人可以修复 Firefox 和 Chrome 中发生的上边距问题...需要在两种浏览器中修复 2 像素边距...请在 chrome 和 Firefox 中检查相同...

这是链接...

.smalCopybtn{float:left;text-decoration: none;color: #23699A;border: solid 1px #ccc;background-color: #ddd;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background-image: -moz-linear-gradient(top,  #ffffff,#dddddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
font:normal 11px Arial, Helvetica, sans-serif;-webkit-border-radius: 2px; -moz-border-radius:2px;border-radius:2px; padding:2px 4px 2px 4px;}

.mleft5{margin-left:5px;}
.dvleft{float:left;}

.txtbx2{padding:2px;font-size:11px; border:solid 1px #c4c4c4;outline:none;transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border-radius:2px;
-webkit-border-radius:2px;-moz-border-radius:2px; box-shadow:0 1px 6px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.1) inset;-moz-box-shadow:0 1px 6px rgba(0,0,0,.1) inset}

a{text-decoration:none;color:#23699a;outline:none; cursor:pointer;}a:hover{text-decoration:underline;}


<span class="dvleft mleft5">
<input class="txtbx2" type="text" value="test value here" style="width: 280px" >
</span>
<a class="smalCopybtn" style="margin-left:-2px; margin-top:2px;">
<span style="padding-left:1px;">Copy</span>
</a>
4

4 回答 4

2

删除 margin-top:2px; 您的锚链接

现场演示

------

你写这个 

<a class="smalCopybtn" style="margin-left:-2px; margin-top:2px;">

消除 margin-top:2px;

------------

或添加此 

.txtbx2{
vertical-align:top;
}

更新的演示

于 2012-12-04T06:25:15.310 回答
1

如果您问的是按钮向下移动了 2px，那么这就是您的解决方案。

在您的 CSS 中，删除导致问题的 smalCopybtn 的浮动。

Float 已将标签转换为 display:block，但它应该是内联显示。

有关浮动及其效果的更多信息，请参阅

http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

于 2012-12-04T06:25:48.693 回答
0

为什么你的<a>标签不在一个<p>或 div 或 span 之内？

于 2012-12-04T06:23:52.233 回答
0

Rajivs 的解决方案有效——float:left从你的 CSS 中删除；
或
（Carols 的解决方案）将锚点包含在<span> </span>. ！顺便说一句，包括锚在内<p> </p> 不起作用！

在 Firefox、Chrome 和 Safari 中测试。

于 2012-12-04T06:38:49.937 回答