質問編集履歴
2
ボタンのHTMLを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -64,7 +64,22 @@
|
|
|
64
64
|
}
|
|
65
65
|
```
|
|
66
66
|
|
|
67
|
+
```HTML
|
|
68
|
+
<div class="d-flex justify-content-start">
|
|
69
|
+
<form action="{% url 'like' %}" method="POST">
|
|
70
|
+
{% csrf_token %}
|
|
71
|
+
{% if post_data.id in liked_list %}
|
|
72
|
+
<button id="like" name="{{ post_data.id }}"><i class="fas fa-lg fa-heart liked-red">お気に入り</i></button>
|
|
73
|
+
{% else %}
|
|
74
|
+
<button id="like" name="{{ post_data.id }}"><i class="far fa-lg fa-heart liked-red">お気に入り</i></button>
|
|
75
|
+
{% endif %}
|
|
76
|
+
</form>
|
|
77
|
+
<p name="{{ post_data.id }}-count" class="count"> {{ post_data.like_set.count }} </p>
|
|
78
|
+
<!-- <img src="" alt="コメント"> -->
|
|
79
|
+
</div>
|
|
80
|
+
```
|
|
67
81
|
|
|
82
|
+
|
|
68
83
|
##開発環境
|
|
69
84
|
HTML5
|
|
70
85
|
Bootstrap 4.7.0
|
1
説明文を見易くしました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
(Bootstrap)ボタンの
|
|
1
|
+
(Bootstrap)デフォルトボタンのデザインを変更したい
|
body
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
##やりたいこと
|
|
2
|
-
Bootstrapのボタンの枠線を消したいです
|
|
2
|
+
Bootstrapのボタンの枠線を消し、さらにデフォルトの背景色がグレーになっているので透明に変更したいです。
|
|
3
|
+
CSSにてoutline: none !important;を入力すれば、フレームワークのCSSを上書きできると調べ、試しましたが変化がありません。
|
|
3
4
|
|
|
4
|
-
##試したこと
|
|
5
|
-
|
|
5
|
+
なお、枠線を消したいのは、記事投稿アプリの♡お気に入りボタンです。
|
|
6
6
|
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
7
10
|
##各種コード
|
|
8
11
|
必要と思う部分のみ記載しております。
|
|
9
12
|
情報に不足ありましたらご指摘いただけますと幸いです。
|
|
@@ -45,16 +48,16 @@
|
|
|
45
48
|
```CSS
|
|
46
49
|
.liked-button{
|
|
47
50
|
color: #ed638b;
|
|
48
|
-
width:
|
|
51
|
+
width: 150px;
|
|
49
|
-
height:
|
|
52
|
+
height: auto;
|
|
50
53
|
outline: none !important;
|
|
51
54
|
border: none !important;
|
|
52
55
|
background: transparent !important;
|
|
53
56
|
}
|
|
54
57
|
|
|
55
58
|
.like-button{
|
|
56
|
-
width:
|
|
59
|
+
width: 150px;
|
|
57
|
-
height:
|
|
60
|
+
height: auto;
|
|
58
61
|
outline: none !important;
|
|
59
62
|
border: none !important;
|
|
60
63
|
background: transparent !important;
|