輸入框不響應

-4

.inputBox { 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 
    -o-transition: border linear 0.2s, box-shadow linear 0.2s; 
    transition: border linear 0.2s, box-shadow linear 0.2s; 
    display: inline-block; 
    min-height: 16px; 
    padding: 4px 6px 0 6px; 
    margin-bottom: 10px; 
    font-size: 14px; 
    color: #555555; 
    vertical-align: middle; 
    vertical-align: top; 
    font-weight: normal; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

[HTML]

<input class="inputBox" type="text" name="myinput" />

它沒有出現在中間移動

些什麼，我需要添加到CSS或HTML？請指教。

任何幫助表示讚賞。

來源

2014-10-04 SeZ This

它是什麼，你想要它做...？ – 2014-10-04 15:09:22

它沒有顯示在手機中間。 – 2014-10-04 15:12:55

在什麼中間？你需要發佈更多的上下文，我們不知道你的網頁是什麼樣的。另外你有兩個'垂直對齊'。另一個不會做任何事情。 – 2014-10-04 15:14:07

設置輸入的父div樣式如下。

.parent{ 
    float:left; 
    width:100%; 
    text-align:center; 
}

，並給予風格你輸入標籤象下面這樣：

.parent input{ 
    float:none; 
    margin:0 auto; 
    position:relative: 
    margin-top:50%; 
}

結賬fiddlle：http://jsfiddle.net/cvbvo104/

來源

2014-10-05 10:03:32

輸入框不響應

回答

相關問題