12

我使用的是datetime-local输入,但由于 Chrome v27 出现了一个蓝十字,可以清除选择的日期时间。我不想要它并回到我们使用 chrome 26 的输入。

这是我定义输入的方式:

<input  type="datetime-local" value="1985-04-12T23:20:50.52"/>

在这个jsFiddle中看到它。用 Chrome 27 打开它可以看到蓝十字

你知道怎么去掉这个蓝十字吗?

编辑 :

作为一种临时解决方法,如果清除了新的值,我已经通过重置值禁用了蓝十字功能(在 JSFiddle 中查看

$('input#testInput').on('change', function(event)
{    
    var newValue = $('input#testInput').val();
    if(!newValue || newValue === "")
    {
        $('input#testInput').val(lastValue);
    }
    else
        lastValue = newValue;
});

它并不真正适合最初的需求,所以我仍在寻找一个好的解决方案。

4

2 回答 2

38

这是删除十字和箭头的方法:

input::-webkit-outer-spin-button, /* Removes arrows */
input::-webkit-inner-spin-button, /* Removes arrows */
input::-webkit-clear-button { /* Removes blue cross */
  -webkit-appearance: none;
  margin: 0;
}
于 2013-05-22T14:31:10.883 回答
14

您必须使用该required属性。

于 2016-02-15T14:41:56.750 回答