質問編集履歴

1

追記

2017/08/23 04:40

投稿

agepan
agepan

スコア66

test CHANGED
File without changes
test CHANGED
@@ -99,3 +99,51 @@
99
99
  </html>
100
100
 
101
101
  ```
102
+
103
+
104
+
105
+
106
+
107
+ 追記:
108
+
109
+
110
+
111
+ onsenui.cssとonsen-css-components.cssを切ることで文字入力できることが分かりました。そこで後者onsen-css-components.cssを一旦切っておいて、onsenui.cssのみをいじったところ、「-webkit-user-select: none;」が問題であることが分かりました。文字入力したいのは#editor領域ですので、これだけをnotで除外したり、#editorだけ「-webkit-user-select」を「auto」にしたりしましたが、CSSが効きません。
112
+
113
+
114
+
115
+ これ以外で、#editorだけ「-webkit-user-select」を「auto」にさせる指定方法、あるいは他の問題点などご存知の方がいらっしゃいましたらよろしくお願いいたします。
116
+
117
+
118
+
119
+ 以下のCSS指定では#editorにフォーカスさせることができませんでした。
120
+
121
+
122
+
123
+ ```ここに言語を入力
124
+
125
+ *:not(#editor) {
126
+
127
+ -webkit-touch-callout: none;
128
+
129
+ -webkit-user-select: none;
130
+
131
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
132
+
133
+ }
134
+
135
+ ```
136
+
137
+
138
+
139
+ ```ここに言語を入力
140
+
141
+ #editor {
142
+
143
+ -webkit-user-select: auto;
144
+
145
+ -moz-user-select: text;
146
+
147
+ }
148
+
149
+ ```