問題タブ [summary-tag]

私は今でもまだ早いですが、皆さんがその上にいることも知っています。

HTML5の詳細要素を使用したい：

この記事の執筆時点で、Chrome 12ベータ版は、詳細要素の機能を実際に提供する唯一のブラウザーです（概要をクリックすると、詳細コンテンツが切り替わります）。したがって、次の質問に答えるには、おそらくそのブラウザを使用することをお勧めします。

Chromeの詳細要素にデフォルトで表示される矢印を非表示にする方法を知っていますか？

<input type="search" />これは、Webkitのデフォルトのスタイルに少し似ています（ http://css-tricks.com/webkit-html5-search-inputs/を参照）。あなたはそれを変えることができますが、それはそれほど明白ではありません。

編集

次のCSSコードを試しましたが成功しませんでした。

おそらく、のような奇妙な疑似セレクターでターゲットにする必要がある可能性があります。そうでない場合はdetails::-webkit-details-disclosure-widget、現在、状況をまったく変更する方法がありません。

さらに、私はこれを仕様で見つけました：

最初のコンテナには少なくとも1つのラインボックスが含まれている必要があり、そのラインボックスには、詳細要素の左側のパディング内に水平に配置された開示ウィジェット（通常は三角形）が含まれている必要があります。そのウィジェットは、ユーザーが詳細の表示または非表示を要求できるようにすることが期待されています。

私のプロジェクトでは、テーブル（拡張可能）を作成する必要がある状況に遭遇しました。
divとspanを使用して実装しました。
私の先輩はtiにtd、trを使ってそれを実装するように頼んでいます

私の実装はhttp://jsfiddle.net/agasthyanavaneeth/eLf5K/6/embedded/result/
です。
ありがとうございます:)

cssを使用してマウスホバーで詳細ドロップダウンを作成する方法について誰か助けてもらえますか

これはhtmlコードです

マウスを置いたときにドロップダウンするためのcssコードが必要です。これについて誰か助けてもらえますか?

レスポンシブウェブサイトを開発しており、<details> <summary>要素を使用してサービスセクションに追加情報を表示しています。

ウィンドウ幅が768pxを超える場合、詳細の「open」属性を変更するにはどうすればよいですか？
cssだけでできるのですか？

これがhtmlコードです：

私はこのようなJavaScriptコードを使用できますが、cssを好みます：

何か案が？ありがとう

Spetec： http ://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-details-element

要素 (この場合は概要) があり、そのすぐ下にボックスがあります。詳細をクリックして要約のコンテンツを表示すると、残りのコンテンツが下のボックスによってブロックされます。ボックスがその上にあるため、要約の残りが表示されません。

パス上の何かをカバーしてすべてのコンテンツを表示するようにサマリー要素を作成するにはどうすればよいですか?

会社の FAQ セクションに HTML5 タグの詳細を使用しています。問題は、ユーザーが別の質問を開いた場合、他の質問が自動的に閉じないことでした。したがって、Webで検索したところ、次の解決策が見つかりました。

このコードはある意味で正しく機能しますが、いくつかの小さな問題があります。2 つの質問を同時に開き、おかしな動作をすることがあります。これが適切に機能する方法はありますか？これは、デスクトップ、タブレット、モバイルで動作するはずです。

望ましくない影響:

すべてのコードでフィドルhttp://jsfiddle.net/877tm/を作成しました。JavaScript はそこで動作しています。ライブで見たい場合は、ここをクリックしてください。

HTML5のdetailsandタグをすべてのブラウザで動作させるにはどうすればよいですか? summary詳細タグと要約タグを Google Chrome で動作させることはできますが、他のブラウザーでは動作させることができません。

Knockout.js を使用して、一連の HTML5<details>要素を設定しています。構造は次のとおりです。

ViewModel のデータは次のようになります。

詳細ビューの開閉状態を記憶する機能を追加したいです。jQuery以前に and localStorage¹を使用してこの動作を実装しましたが、このプロジェクトでは、jQuery を使用する代わりに Knockout をネイティブに使用したいと考えています。

ページの読み込み時にisOpen取得される ViewModel のプレイリストにプロパティを追加しました。localStorageただし、HTML5 仕様では、値ではなく、属性の有無のみを検索するように指定されているattrため、Knockout でバインディングを使用できないようです。open

ViewModel のプロパティが変更されたときに、Knockout で要素のopenプロパティを追加および削除するにはどうすればよいですか?<details>isOpen

¹ : このように:

Knockout.js を使用して、一連の HTML5<details>要素を設定しています。構造は次のとおりです。

ViewModel のデータは次のようになります。

ViewModel のプロパティとバインディングを使用して、詳細ビューの開いている状態または閉じている状態を記憶する機能を追加しました(最初に説明したように ここ)。isOpenattr

ただし、クリックし<summary>て詳細を展開しても、ViewModel は更新されません。バインディングとは異なりvalue、attrバインディングは双方向ではありません。

属性値が変更されたときにこのバインディングを更新するにはどうすればよいですか?

要素が開いたり閉じたりしたときにブラウザがイベントをトリガーすることは知っていますが、DOMSubtreeModifiedそこに何を入れるかはわかりません-私が試したいくつかのこと（、、などを含む.notifySubscribers()）if (list.open()) ...がループを引き起こし、プロパティが変更されるとイベント トリガーが再び発生すると、プロパティが再び変更され、イベントが再びトリガーされます。