Skip to content

Bootstrap 4 input-group #27

@KeithTurkowski

Description

@KeithTurkowski

Doesn't work nicely with rounding the corners on input-group.

Here's an example:

<div class="form-group input-group has-float-label">
  <input class="form-control" type="text" name="title" id="title" value="" placeholder=" ">
  <label for="title">Title</label>
</div>

And here's kind of a fix, could be improved probably:

.has-float-label input:first-child:nth-last-child(2) { border-top-right-radius: .25em; border-bottom-right-radius: .25em; }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions