質問: 値3 PRINT ``` ``` TH { display: none; } BUTTON { display: none; } ``` ### 試したこと INPUT 要素に値が入力された場合、あるいは「PRINT」ボタン押下時に JavaScript からの DOM 操作を実施することによって「印刷用のHTML」を都度作成し、それを印刷用 CSS で表示切り替えし印刷プレビューとして反映させるなど **JavaScript を利用することで実現が可能なことは把握しております。** ただし INPUT 要素にかかる **CSS 定義のみを変更**することで「1+2=3」のように詰めることが可能なのであれば、後々のメンテナンスの都合上、そのように実装したいと考えています。 ### 補足情報(言語/FW/ツール等のバージョンなど) CSS3 HTML5
回答: `input[type="text"]` を印刷用CSSの場合のみテキストのように扱うことは無理だと思います。 1. `::before/::after` 擬似要素をもてない 持つことが出来るなら処理できるが持たない。 2. `width` を超えた部分は非表示になる widthがコンテンツにあわせて拡張したり非表示部分を `overflow: visible;` の指定ができるなら可能性はありますが、それも出来ません。