0

このフィドルは私の問題を示しています:http: //jsfiddle.net/jmTqk/2/。青いブロックは、スピンボタンと日付ピッカーのドロップダウンリンクを遮っています。しかし、それを見るにはWindowsChromeを使用している必要があると思います。これは青いブロックのないバージョンですhttp://jsfiddle.net/jmTqk/1/

このHTML

<input id='date1'   type="date" />  
<div id='abcd'>blue block</div>

そしてこのCSS

  #date1 {
    width:6em;
    border: 1px solid red;
  }
  #abcd {
    background-color:blue;
    height:150px;
    width:150px;
    display:inline-block;
  }

入力の幅を11emに変更すると、それに適合します。

Ubuntu Chromeでは、cssはカレンダーのドロップダウンボタンを日付入力フィールドの内側に制限します。Windows(XP、7)ではそうではありません。Windowsで入力された日付の範囲を尊重し、赤いボックス内に収まるようにスピンボタンとドロップダウンを取得する方法はありますか?

4

2 に答える 2

1

これはあなたがここで読むことができるクロムバグです:

https://code.google.com/p/chromium/issues/detail?id=172029

于 2013-01-25T18:33:31.957 に答える
1

Chromeの日付ピッカーコントロールを無効にして修正しました。これはあなたに合いますか?

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator { 
    display:none;
    -webkit-appearance: none;
    margin: 0;
}

jsFiddleデモ

于 2016-05-04T09:43:27.683 に答える