Skip to content

TextField Line Color #2656

Closed
Closed

Description

@triniwiz

At the moment the only way to style it is by adding the native styles on android it would be great tohave this as a css prop

<style name="Theme.App.Base" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorControlNormal">#c5c5c5</item>
    <item name="colorControlActivated">@color/accent</item>
    <item name="colorControlHighlight">@color/accent</item>
</style>

Activity

  1. tsonevn commented on Sep 1, 2016

    @tsonevn
    Contributor

    Hi @triniwiz,
    Thank you for your issue. I found that similar issue - #859 exist and this feature soon will be available.

    Regards,
    @tsonevn

  2. NathanaelA commented on Sep 1, 2016

    @NathanaelA
  3. triniwiz commented on Sep 1, 2016

    @triniwiz
    MemberAuthor

    @tsonevn as @NathanaelA metioned this issue is completely different

  4. added this to the 2.4.0 milestone on Oct 10, 2016
  5. self-assigned this
    on Oct 19, 2016
  6. added
    ready for testTSC needs to test this and confirm against live production apps and automated test suites
    and removed on Oct 19, 2016
  7. enchev commented on Oct 19, 2016

    @enchev
    Contributor

    Hey folks,

    I've just made background-color to control this for Android TextField:

    .myTextField {
        color: red;
        background-color: green;
    }

    image

    What do you think?

  8. tjvantoll commented on Oct 19, 2016

    @tjvantoll
    Contributor

    @enchev Personally I would expect background-color to change the whole background of the TextField, because that’s how it works on the web—see https://jsfiddle.net/oh1hueau/, for example.

    As a web developer I would want to do TextField { border-width: 0 0 1 0; border-color: green; }, because that’s how I’d accomplish this on the web, but I’m not sure how possible that is to make work on both Android and iOS. As a fallback I’d prefer some made up property like --android-line-color, so TextField { --android-line-color: green; }.

  9. 1 remaining item

  10. added
    ready for testTSC needs to test this and confirm against live production apps and automated test suites
    and removed
    ready for testTSC needs to test this and confirm against live production apps and automated test suites
    on Oct 19, 2016
  11. removed
    ready for testTSC needs to test this and confirm against live production apps and automated test suites
    on Oct 27, 2016
  12. removed their assignment
    on Nov 1, 2016
  13. magar91 commented on Jul 28, 2017

    @magar91

    Hello I am trying to do this in some of my app's textfields is there a css prop? if there is which is it?

  14. cgebe commented on Aug 31, 2017

    @cgebe

    Hey guys, how can i change the focused color? --android-line-color does only control the non focused color.

  15. erkanarslan commented on Dec 7, 2017

    @erkanarslan

    Setting border width to 0 does nothing. It is not working.

  16. waszqba commented on Apr 4, 2018

    @waszqba

    Bump, how can we change the underline property?

  17. cgebe commented on Apr 4, 2018

    @cgebe

    In Android > Values > colors.xml change <color name="ns_accent">#00264d</color>

  18. peppeg85 commented on Aug 2, 2018

    @peppeg85

    hello, i also need to change the line color and, if possible, the placeholder color of a textfield both on android and ios. what do you suggest?
    thank you

    edit: solved for the placeholder and for android, i changed values-v21 and it works(what is the difference between values and 21)?

    now remains for ios....
    thanks

  19. lock commented on Aug 26, 2019

    @lock

    This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

  20. locked and limited conversation to collaborators on Aug 26, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions