-1

トランジションを作成しようとすると、ホバーしたときだけでなく、スタイルが要素にフェードインします（例）。私は本当に問題が何であるかを知りません、そしてこれを修正するためにどこから始めるべきかわかりません。

例：

input[type='text'] {
    transition:.15s all;
    -webkit-transition:.15s all;
    -moz-transition:.15s all;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: #545454;
    font-size: 15px;
    padding: 4px;
    margin-bottom: 6px;
}

サイズは、ページを読み込むと境界線とともに拡大します。問題が何であるかについてのアイデアはありますか？

4

1 に答える 1

0

ここでの問題は、遷移をデフォルトとして設定することです。あなたがこのようにそれをするならば：

input[type='text'] {
   border: 1px solid #DEDEDE;
   border-radius: 5px;
   color: #545454;
   font-size: 15px;
   padding: 4px;
   margin-bottom: 6px;
}

input[type='text']:hover {
   transition:.15s all;
   -webkit-transition:.15s all;
   -moz-transition:.15s all;
   font-size: 17px;
   color: black;
}

入力にカーソルを合わせた場合にのみ、トランジションがアクティブになります。

于 2012-12-11T16:11:42.197 に答える