6

テキストがプレーン/インラインテキストのように見えるように入力要素のスタイルを解除しようとしています。また、それが持つことができるほとんどすべてのcssプロパティをリセットしましたが、入力の幅を調整/縮小することができませんコンテンツ (input { width:auto; min-width:0; }動作しません)。のような任意の幅に従うinput { width: 10px; }ので、明らかにその幅は調整可能です。

私は人々がjavascriptでそれをやろうとしているのを見ているので（答えからのフィドルはもう機能しません）、私が望むことさえ可能かどうか疑問に思っています。

ここにフィドルがあります。

4

2 に答える 2

1

スタイル全体のスナフを避けて、テキストを少しシャッフルするとどうなりますか？jQueryで必要なものはすべて揃っています。

http://jsfiddle.net/2fQgY/8/

The date is <span class="dateSpoof"></span><input class="myDate" type="hidden" value="foo" />. 
Thanks for coming.

$('.myDate').datepicker({
    showOn: 'button',
    buttonText: 'select...',
    onClose: function () {
        var dateText = $(this).val();
        $('.dateSpoof').html(dateText);
        $('.ui-datepicker-trigger').hide();
    },
    dateFormat: 'd M yy'
});

リセット可能な例を次に示します。http：//jsfiddle.net/2fQgY/11

そして、これがすべてテキストであり、テキストだけであるものです：http: //jsfiddle.net/2fQgY/14

于 2013-02-16T00:37:08.153 に答える
1

これで遊んだ。できませんでした。何を達成しようとしていますか？contenteditable属性を知っていますか？

これにより、必要なものが得られる場合があります。

https://developer.mozilla.org/en-US/docs/HTML/Content_Editable

于 2013-02-15T22:39:48.513 に答える