这是我的 jsfiddle http://jsfiddle.net/7LUV4/
如你看到的,
.text {
width: auto;
height: 20px;
outline: none;
-webkit-box-shadow: 7px 7px 0px rgba(50, 50, 50, 0);
-moz-box-shadow: 7px 7px 0px rgba(50, 50, 50, 0);
box-shadow: 7px 7px 0px rgba(50, 50, 50, 0);
transition: box-shadow 0.2s ease;
-moz-transition: box-shadow 0.2s ease;
-webkit-transition: box-shadow 0.1s ease;
-ms-transition: box-shadow 0.2s ease;
-o-transition: box-shadow 0.2s ease;
border: 1px solid #CFCACC;
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
margin: 5px 20px;
word-wrap: break-word;
}
那是我正在使用的代码,它使用 :focus 进行转换,但问题是,它并没有保持在同一个位置。它只是从右到左浮动,我该如何解决这个问题?
如果可以的话,好吗?