[wp-trac] [WordPress Trac] #27677: Twenty Fourteen: Input text field missing border when using Jetpack subscription form shortcode

[WordPress Trac]

#27677: Twenty Fourteen: Input text field missing border when using Jetpack
subscription form shortcode
----------------------------+-----------------------------
 Reporter:  DustinHartzler  |      Owner:
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Bundled Theme   |    Version:
 Severity:  normal          |   Keywords:
  Focuses:                  |
----------------------------+-----------------------------
 When using [jetpack_subscription_form] shortcode to display a email signup
 form on a page, the box is not outlined and the text is set to white,
 which makes it impossible to see / fill out the form:

 [[Image(https://i.cloudup.com/_Q1HyWwEn2.png)]]

 Adding a 1px border around the input field and setting the input text
 color to black makes it legible:
 [[Image(https://i.cloudup.com/Pcakk5aS83.png)]]

 The CSS is below and is using the .widget class. In this particular theme,
 the styling works for sidebar widgets (since the default sidebar is
 black).
 {{{
 .widget input,
 .widget textarea {
         background-color: rgba(255, 255, 255, 0.1);
         border-color: rgba(255, 255, 255, 0.2);
         color: #fff;
         font-size: 16px;
         padding: 1px 2px 2px 4px;
 }
 }}}

 Another widget style is necessary for widgets in the main column.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/27677>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform