如何删除Chrome 27中datetime-local HTML输入的蓝色十字？

Question

我使用的是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;
});

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

Answer 1

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

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;
}

Answer 2

您必须使用该required属性.