質問編集履歴

5

追記

2019/07/11 04:57

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -50,4 +50,4 @@
50
50
 
51
51
  テキストボックスのサイズは変わりませんでした。
52
52
 
53
- 同様にstyle.cssにそれぞれのclass指定をしサイズを変えようとしましたが変わりませんでした。
53
+ 同様にstyle.cssにそれぞれのclass指定をしサイズを変えようとしましたが変わりませんでした。top等場所は変わりました。ボックスのサイズだけ変わりません。

4

追記

2019/07/11 04:56

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -46,6 +46,8 @@
46
46
 
47
47
  追記
48
48
 
49
- 1234行のinput,spanそれぞれにstyle="width:10px;"という形で直接記述しても
49
+ 1234行のdiv,input,spanそれぞれにstyle="width:10px;"という形で直接記述しても
50
50
 
51
51
  テキストボックスのサイズは変わりませんでした。
52
+
53
+ 同様にstyle.cssにそれぞれのclass指定をしサイズを変えようとしましたが変わりませんでした。

3

追記

2019/07/11 04:18

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -18,13 +18,13 @@
18
18
 
19
19
  ```bodyタグ内
20
20
 
21
- <div class="input-group clockpicker">
21
+ 1<div class="input-group clockpicker">
22
22
 
23
- <input type="text" class="form-control" value="09:30">
23
+ 2 <input type="text" class="form-control" value="09:30">
24
24
 
25
- <span class="input-group-addon">
25
+ 3 <span class="input-group-addon">
26
26
 
27
- <span class="glyphicon glyphicon-time"></span>
27
+ 4 <span class="glyphicon glyphicon-time"></span>
28
28
 
29
29
  </span>
30
30
 

2

返信に対応

2019/07/11 04:16

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -43,3 +43,9 @@
43
43
 
44
44
 
45
45
  ```
46
+
47
+ 追記
48
+
49
+ 1234行のinput,spanそれぞれにstyle="width:10px;"という形で直接記述しても
50
+
51
+ テキストボックスのサイズは変わりませんでした。

1

htmlのコードを追記し、cssをgithubにあげました。

2019/07/11 04:14

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -7,3 +7,39 @@
7
7
  これをそのまま実装しました。
8
8
 
9
9
  白い枠(テキストボックス)の横幅を変更したいんですが、どのcssをいじればいいですか?
10
+
11
+
12
+
13
+ cssコード場所
14
+
15
+ https://github.com/accounttest47/test
16
+
17
+
18
+
19
+ ```bodyタグ内
20
+
21
+ <div class="input-group clockpicker">
22
+
23
+ <input type="text" class="form-control" value="09:30">
24
+
25
+ <span class="input-group-addon">
26
+
27
+ <span class="glyphicon glyphicon-time"></span>
28
+
29
+ </span>
30
+
31
+ </div>
32
+
33
+
34
+
35
+ <script type="text/javascript">
36
+
37
+ $('.clockpicker').clockpicker();
38
+
39
+ </script>
40
+
41
+
42
+
43
+
44
+
45
+ ```