輸入框跑馬燈是一種非常有趣的效果，它可以讓用戶在輸入時看到更多的內容。在CSS中，我們可以通過一些技巧來實現輸入框的跑馬燈效果。

/* 輸入框樣式 */
input {
width: 300px;
height: 50px;
border: 2px solid #ccc;
padding: 10px;
margin: 20px;
font-size: 18px;
}
/* 跑馬燈動畫效果 */
input:focus {
animation: marquee 5s linear infinite;
}
@keyframes marquee {
from {
text-indent: 0;
}
to {
text-indent: -800px;
}
}

在上面的代碼中，我們通過為輸入框設置一個動畫來實現跑馬燈效果。當輸入框獲得焦點時，動畫開始播放。動畫的內容是通過文本縮進來實現的，從0開始到-800px結束。這個數值可以根據實際需要進行調整。

需要注意的是，在移動端上，跑馬燈效果可能會對性能產生影響，因此我們應該謹慎使用。