今現在、safariとchromeで同じ形式のページを作ろうとしているのですが、safariの方で、色が変わってしまい、そこから直すことができない状態にいます。もし分かる方がいらしたら、どうぞ教えていただきたいです。
html
1<div class="middle-container"> 2 <div class="search"> 3 <%= form_tag plans_path, :method => 'get', :class => 'search' do %> 4 <p class="search_answer"><%= text_field_tag "title", "", class: "question" %> 5 <%= submit_tag "Search", :name => nil, class: "answer" %></p> 6 <% end %> 7 </div> 8</div>
CSS
1.middle-container { 2 height: 400px; 3 4} 5form.search { 6 height: 400px; 7 padding-top: 280px; 8 padding-left: 280px; 9 10} 11 12p.search_answer { 13 font-size: 40px; 14 margin-top: 0px; 15 margin-bottom: 0px; 16 17} 18 19input.answer { 20 21 display: inline-block; 22 padding: 0.3em 1em; 23 text-decoration: none; 24 color: #67c5ff; 25 border: solid 2px white; 26 border-radius: 3px; 27 transition: .4s; 28 29} 30 31input.question { 32 33 width: 700px; 34 display: inline-block; 35 padding: 0.3em 1em; 36 text-decoration: none; 37 color: #67c5ff; 38 border: solid white; 39 border-radius: 3px; 40 transition: .4s; 41 42}
回答1件
あなたの回答
tips
プレビュー