是否有可能改變DayPickerInput的輸入字段的默認寬度?如果是,那我該如何實現呢?我不確定我們是否可以使用overlayComponent來做到這一點。修改寬度反應一天選擇器輸入
0
A
回答
0
您可以通過編寫自己的風格做,但這裏先檢查日選擇器的樣式表 - 反應天拾取/ lib目錄/ style.css文件,然後進行相應的修改。
0
您可以使用inputProps
添加你的道具,如風格的input
領域。見文檔:http://react-day-picker.js.org/api/DayPickerInput#inputProps
例如:
<DayPickerInput inputProps={{ style: { width: 200 } }} />
相關問題
- 1. jqgrid選擇輸入寬度
- 2. 輸入元素寬度短於選擇元素寬度
- 3. 在反應選擇中選擇選項時,輸入值不會改變
- 4. 寬度爲jquery選擇器
- 5. 爲什麼輸入和選擇的寬度不一樣?
- 6. 如何從選擇性輸入中選擇反應性參數?
- 7. 從修復寬度到響應框架的最佳選擇
- 8. 修改表td寬度
- 9. 修改Controls.Input寬度websharper
- 10. 修改recaptcha表寬度
- 11. 更改選擇輸入選擇國家?
- 12. 更改輸入文本以選擇選項,反之亦然
- 13. 爲什麼輸入寬度會改變?
- 14. 如何更改輸入框的寬度?
- 15. 如何修改選擇框的長度
- 16. 調整對應於輸入值長度的輸入的寬度
- 17. 選擇下拉寬度獨立於輸入
- 18. 如何使輸入和選擇在CSS中相同的寬度
- 19. 在CSS中設置選擇和輸入元素的寬度
- 20. 將兩個模態選擇器反應天然
- 21. 選擇其他選項,如果輸入不清空反應JS
- 22. 根據反應輸入修改我的rChart?
- 23. 輸入寬度VS textarea的寬度
- 24. 列的樣式寬度選擇器
- 25. 設置時間選擇器寬度
- 26. 修改網格高度/寬度
- 27. 修復選擇選項下拉菜單的寬度
- 28. Javascript/jQuery轉到下一個輸入/選擇更改選擇值
- 29. 選擇二:修剪輸入空格
- 30. 第一個輸入的CSS選擇器
我可以肯定地寫我自己的自定義樣式。但有沒有辦法通過,自定義樣式作爲道具的DayPickerInput組件?或者,你的意思重寫一個新的CSS文件的整個style.css文件? – amanraj